首頁  >  文章  >  web前端  >  深入淺析JavaScript中對事件的三種監聽方式_javascript技巧

深入淺析JavaScript中對事件的三種監聽方式_javascript技巧

PHP中文网
PHP中文网原創
2016-05-16 15:37:331073瀏覽

事件(Event)是JavaScript應用跳動的心臟,也是把所有東西黏在一起的膠水,當我們與瀏覽器中Web頁面進行某些類型的互動時,事件就發生了。

第一種監聽方式,也是最普遍使用的方式,是直接在程式碼上載入事件,產生效果:


text1text2text3text4text5text5


第二種監聽方式,是使用DOM的方式取得對象,並載入事件:


text1text2text3text4text5text5

第三種監聽方式,是使用標準的addEventListener方式和IE私有的attachEvent方式,因為IE的attachEvent方式在參數傳遞時的缺陷,這個問題被搞得稍許有些複雜了:

text1text2text3text4text5text5

在綁定多個相同的事件的時候,前兩種方法會產生覆蓋,而第三中方法則會同時執行多個事件。

以上就是深入淺析JavaScript中對事件的三種監聽方式_javascript技巧的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn