在頁面中使用動態繫結事件,我們很容易就想到了onpropertychange、oninput和onchange。
首先說下這三個區別。
onchange:當前屬性值發生改變,並且有滑鼠或者鍵盤觸發,並失去焦點。
onpropertychange:屬性值發生改變。但是他是ie專屬事件,並在ie9開始棄用,ie11已停止使用。
oninput:是onpropertychange事件的非ie瀏覽器版本。
在**頁面查詢內容時,一般會在輸入時就會拿到對應的值,所以onchange我們在這裡就不在研究。
接下來通過例項介紹下。
一、用事件來處理。
onpropertychange = "search()">
這個例項是通過onpropertychange觸發的。所以只能用在ie瀏覽其中,並且必須ie11以下的。
如果不止在ie中執行,可以把onpropertychange換成oninput方法。所以我們在實際用的時候只需要在對應需要處理的地方呼叫oninput事件就行。
二、用js來處理。
因為只是介紹動態繫結方法的使用,所以**中其他內容可能比較簡略,實際中可根據個人需要自己新增內容。
js事件on動態繫結資料,繫結多個事件
一.on clcik 與 clcik 方法的區別 on clcik 事件委託機制 在body元素上繫結click事件處理函式handler,如果這個click事件是由其後代的p元素觸發的,就執行handler document.body on click p handler 事件委託機制就是,我們不...
js事件繫結
事件繫結,常見的是odiv.nclick function 這種方式繫結事件太單一,如果繫結多個,那麼最後乙個事件會覆蓋掉之前的,也就是說只執行最後一次繫結的事件,這裡要說的是addeventlistener方法,和ie下的attachevent方法 html 如下 box son1 son2 介面...
js 事件繫結
事件繫結的方式 1.dom 元素行內繫結 div onclick alert 1 div 2.js on eventtype document.onclick function 3.addeventlistener document.getelementbyid mybtn addeventlist...