目前1.7以上，jquery?的事件綁定已經(jīng)用on替換了原來的bind，接下來為大家介紹下bind的使用方法及input textare事件，感興趣的朋友可以參考下

(1)jquery 綁定事件
目前1.7以上，jquery的事件綁定已經(jīng)用on替換了原來的bind；
區(qū)別：(個人理解)bind是一次綁定事件到每一個子節(jié)點(diǎn)；on是只綁定到父節(jié)點(diǎn)，然后冒泡到各個子節(jié)點(diǎn)；

用法：bind
一個事件，一個方法：$(".class input").bind('click',function(e){...;e.stopPropagation;})
兩個事件，一個方法：$(".class input").bind('click mouseover',function(e){...;e.stopPropagation;})
兩個事件，兩個方法：$(".class input").bind({ click:function(e){...;e.stopPropagation;}, mouseover:function(e){...;e.stopPropagation;} })
on,可以直接替換掉bind，就是說上述的用法都適用于on；
此外，on比bind多了兩個可選參數(shù)
on( events [, selector ] [, data ], handler(eventObject) )

selector:要綁定的元素，上面的例子可以寫成：$(".class").bind('click','input',function(e){...;e.stopPropagation;})
(需要注意的是，有一個事件不好用，就是ie下獨(dú)有的事件：onpropertychange；
可以用：$(".class input").bind('propertychange',function(e){...;e.stopPropagation;})
沒反應(yīng)：$(".class").bind('propertychange','input',function(e){...;e.stopPropagation;})
)

data:傳遞給event.data的參數(shù)，$(".class").bind('click','input','123',function(e){alert(e.data/*123*/);e.stopPropagation;})
(2)input textare 事件
之前做一個文本框內(nèi)容實(shí)時變化事件觸發(fā)時，用onkeyup + onchange；但onchang必須在文本框失焦后才會觸發(fā)，后來發(fā)現(xiàn)可以用
(if IE) onpropertychange + else oninput 來處理。

說明：
oninput 事件在用戶輸入、退格、刪除、剪切、粘貼及鼠標(biāo)剪切與粘貼時觸發(fā)(在 IE9&IE9+ 中可能略有區(qū)別)。
(Firefox、Chrome、IE9&IE9+ 均支持)
onpropertychange 事件在用戶輸入、退格、刪除、剪切、粘貼及鼠標(biāo)剪切與粘貼時觸發(fā)
(僅 IE 支持)。

(3)常用事件
oncut 事件在粘貼(ctrl + v)、鼠標(biāo)粘貼時觸發(fā)
onactivate 當(dāng)對象設(shè)置為活動元素時觸發(fā)。
onafterupdate 當(dāng)成功更新數(shù)據(jù)源對象中的關(guān)聯(lián)對象后在數(shù)據(jù)綁定對象上觸發(fā)。
onbeforeactivate 對象要被設(shè)置為當(dāng)前元素前立即觸發(fā)。
onbeforecut 當(dāng)選中區(qū)從文檔中刪除之前在源對象觸發(fā)。
onbeforedeactivate 在 activeElement 從當(dāng)前對象變?yōu)楦肝臋n其它對象之前立即觸發(fā)。
onbeforeeditfocus 在包含于可編輯元素內(nèi)的對象進(jìn)入用戶界面激活狀態(tài)前或可編輯容器變成控件選中區(qū)前觸發(fā)。
onbeforepaste 在選中區(qū)從系統(tǒng)剪貼板粘貼到文檔前在目標(biāo)對象上觸發(fā)。
onbeforeupdate 當(dāng)成功更新數(shù)據(jù)源對象中的關(guān)聯(lián)對象前在數(shù)據(jù)綁定對象上觸發(fā)。
onblur 在對象失去輸入焦點(diǎn)時觸發(fā)。
onchange 當(dāng)對象或選中區(qū)的內(nèi)容改變時觸發(fā)。
onclick 在用戶用鼠標(biāo)左鍵單擊對象時觸發(fā)。
oncontextmenu 在用戶使用鼠標(biāo)右鍵單擊客戶區(qū)打開上下文菜單時觸發(fā)。
oncontrolselect 當(dāng)用戶將要對該對象制作一個控件選中區(qū)時觸發(fā)。
oncut 當(dāng)對象或選中區(qū)從文檔中刪除并添加到系統(tǒng)剪貼板上時在源元素上觸發(fā)。
ondblclick 當(dāng)用戶雙擊對象時觸發(fā)。
ondeactivate 當(dāng) activeElement 從當(dāng)前對象變?yōu)楦肝臋n其它對象時觸發(fā)。
ondrag 當(dāng)進(jìn)行拖曳操作時在源對象上持續(xù)觸發(fā)。
ondragend 當(dāng)用戶在拖曳操作結(jié)束后釋放鼠標(biāo)時在源對象上觸發(fā)。
ondragenter 當(dāng)用戶拖曳對象到一個合法拖曳目標(biāo)時在目標(biāo)元素上觸發(fā)。
ondragleave 當(dāng)用戶在拖曳操作過程中將鼠標(biāo)移出合法拖曳目標(biāo)時在目標(biāo)對象上觸發(fā)。
ondragover 當(dāng)用戶拖曳對象劃過合法拖曳目標(biāo)時持續(xù)在目標(biāo)元素上觸發(fā)。
ondragstart 當(dāng)用戶開始拖曳文本選中區(qū)或選中對象時在源對象上觸發(fā)。
ondrop 當(dāng)鼠標(biāo)按鈕在拖曳操作過程中釋放時在目標(biāo)對象上觸發(fā)。
onerrorupdate 更新數(shù)據(jù)源對象中的關(guān)聯(lián)數(shù)據(jù)出錯時在數(shù)據(jù)綁定對象上觸發(fā)。
onfilterchange 當(dāng)可視濾鏡更改狀態(tài)或完成轉(zhuǎn)換時觸發(fā)。
onfocus 當(dāng)對象獲得焦點(diǎn)時觸發(fā)。
onfocusin 當(dāng)元素將要被設(shè)置為焦點(diǎn)之前觸發(fā)。
onfocusout 在移動焦點(diǎn)到其它元素之后立即觸發(fā)于當(dāng)前擁有焦點(diǎn)的元素上觸發(fā)。
onhelp 當(dāng)用戶在瀏覽器為當(dāng)前窗口時按 F1 鍵時觸發(fā)。
onkeydown 當(dāng)用戶按下鍵盤按鍵時觸發(fā)。
onkeypress 當(dāng)用戶按下字面鍵時觸發(fā)。
onkeyup 當(dāng)用戶釋放鍵盤按鍵時觸發(fā)。
onlosecapture 當(dāng)對象失去鼠標(biāo)捕捉時觸發(fā)。
onmousedown 當(dāng)用戶用任何鼠標(biāo)按鈕單擊對象時觸發(fā)。
onmouseenter 當(dāng)用戶將鼠標(biāo)指針移動到對象內(nèi)時觸發(fā)。
onmouseleave 當(dāng)用戶將鼠標(biāo)指針移出對象邊界時觸發(fā)。
onmousemove 當(dāng)用戶將鼠標(biāo)劃過對象時觸發(fā)。
onmouseout 當(dāng)用戶將鼠標(biāo)指針移出對象邊界時觸發(fā)。
onmouseover 當(dāng)用戶將鼠標(biāo)指針移動到對象內(nèi)時觸發(fā)。
onmouseup 當(dāng)用戶在鼠標(biāo)位于對象之上時釋放鼠標(biāo)按鈕時觸發(fā)。
onmousewheel 當(dāng)鼠標(biāo)滾輪按鈕旋轉(zhuǎn)時觸發(fā)。
onmove 當(dāng)對象移動時觸發(fā)。
onmoveend 當(dāng)對象停止移動時觸發(fā)。
onmovestart 當(dāng)對象開始移動時觸發(fā)。
onpaste 當(dāng)用戶粘貼數(shù)據(jù)以便從系統(tǒng)剪貼板向文檔傳送數(shù)據(jù)時在目標(biāo)對象上觸發(fā)。
onpropertychange 當(dāng)在對象上發(fā)生對象上發(fā)生屬性更改時觸發(fā)。
onreadystatechange 當(dāng)對象狀態(tài)變更時觸發(fā)。
onresize 當(dāng)對象的大小將要改變時觸發(fā)。
onresizeend 當(dāng)用戶更改完控件選中區(qū)中對象的尺寸時觸發(fā)。
onresizestart 當(dāng)用戶開始更改控件選中區(qū)中對象的尺寸時觸發(fā)。
onselect 當(dāng)當(dāng)前選中區(qū)改變時觸發(fā)。
onselectstart 對象將要被選中時觸發(fā)。
ontimeerror 當(dāng)特定時間錯誤發(fā)生時無條件觸發(fā)，通常由將屬性設(shè)置為無效值導(dǎo)致

最新評論