js動態繫結事件

2021-07-03 05:40:13 字數 654 閱讀 1306

在頁面中使用動態繫結事件,我們很容易就想到了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...