寫前端遇到的一些有用的東西

以前做動畫效果出發(fā)總是在觸發(fā)項上面加上onmouseover=“function()”和onmouseout="function()'和onclick="function()"啥的,這樣使得前端的代碼看著挺臃腫的,當時也沒想著去弄個好點的方法。。最近接外包的時候,搜網(wǎng)頁的時候看到了這種寫法

$("#id").bind("mouseover mouseout",function(e){
  do something;#e.type為兩者中的一種
  #(this)因為bind為一個強制綁定,所以指的是$("#id")本身。
})

這種寫法貌似很久以前就有了,然而我不知道而已。(所以我要去寫后臺了)

navigator.userAgent 這個可以用來輸出瀏覽器的信息,比如是否為火狐,chroem,edge等,還可以用來辨別系統(tǒng)。

jquery:
$("#id").on('onchange',function(){}); .on()用于給標簽綁定事件.并且是可以連續(xù)寫的比如

$("#woshiid").on('onchange',function(){});
$("#woshiid").on('onfocus',function(){});
$("#woshiid").on('onblur',function(){});

可以改為

$("#woshiid").on('onchange',function(){}).on('onfocus',function(){}).on('onblur',function(){});

focus,blur是不會連續(xù)觸發(fā)的,初次進入與出去才會觸發(fā)。
keypress,可以連續(xù)觸發(fā),但是只支持字符變量。
keyup,keydown可以連續(xù)觸發(fā),有keycode,用于識別功能鍵。
oninput,onpropertychange用于識別input是否改變值。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態(tài)效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,512評論 0 5
  • 一、DOM 什么是DOM?Document Object Model(文檔對象模型)。DOM是針對HTML和XML...
    空谷悠閱讀 1,031評論 0 2
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,932評論 0 8
  • 原創(chuàng)作品,允許轉(zhuǎn)載,轉(zhuǎn)載時請務必以超鏈接形式標明文章 原始出處 、作者信息和本聲明。否則將追究法律責任。http:...
    狼之獨步閱讀 3,287評論 0 2
  • 我選擇相信你 文/南岸閑坐 你說天上的星星不是無窮的 天上的星星 只有9999顆 我選擇相信你 你說天上的星星 不...
    南倚閑坐閱讀 406評論 0 1

友情鏈接更多精彩內(nèi)容