理解JS綁定事件_javascript技巧

來源：懂視網責編：小OO 時間：2020-11-27 21:49:07

理解JS綁定事件_javascript技巧

綁定事件有兼容性問題，在IE早期版本中使用的是obj.attachEvent()，而其他瀏覽器使用的則是addEventListener()。這兩個方法都有三個參數，分別為：事件類型，事件函數，最后一個是布爾值，true或者是false。true表示在事件捕獲階段執行，false表示在事件冒泡階段執行。由于IE只支持事件冒泡，所以同大多數情況下，都是將事件處理程序添加到事件流的冒泡階段，即默認為”false”。這樣可以最大限度地兼容各種瀏覽器。最好只在需要在是事件到達目標之前截獲它的時候將事件處理程序添加到捕獲階段。如果不是特別需要，不建議在事件捕獲階段注冊事件處理程序。兼容各瀏覽器的事件綁定。調用時，注意callback函數不需要加括號，與setTimeout類似。

推薦度：

點擊下載本文 文檔為doc格式

導讀綁定事件有兼容性問題，在IE早期版本中使用的是obj.attachEvent()，而其他瀏覽器使用的則是addEventListener()。這兩個方法都有三個參數，分別為：事件類型，事件函數，最后一個是布爾值，true或者是false。true表示在事件捕獲階段執行，false表示在事件冒泡階段執行。由于IE只支持事件冒泡，所以同大多數情況下，都是將事件處理程序添加到事件流的冒泡階段，即默認為”false”。這樣可以最大限度地兼容各種瀏覽器。最好只在需要在是事件到達目標之前截獲它的時候將事件處理程序添加到捕獲階段。如果不是特別需要，不建議在事件捕獲階段注冊事件處理程序。兼容各瀏覽器的事件綁定。調用時，注意callback函數不需要加括號，與setTimeout類似。

本文為大家詳細分析了JS綁定事件，供大家參考，具體內容如下

綁定事件有兼容性問題，在IE早期版本中使用的是obj.attachEvent()，而其他瀏覽器使用的則是addEventListener()。
這兩個方法都有三個參數，分別為：事件類型，事件函數，最后一個是布爾值，true或者是false。
true表示在事件捕獲階段執行，false表示在事件冒泡階段執行。
由于IE只支持事件冒泡，所以同大多數情況下，都是將事件處理程序添加到事件流的冒泡階段，即默認為”false”
這樣可以最大限度地兼容各種瀏覽器。最好只在需要在是事件到達目標之前截獲它的時候將事件處理程序添加到捕獲階段。如果不是特別需要，不建議在事件捕獲階段注冊事件處理程序。
兼容各瀏覽器的事件綁定：

調用時，注意callback函數不需要加括號，與setTimeout類似。

這部分都比較容易理解，對于最后一個參數，相信很多人并不是非常理解，總之我還是需要寫程序測試一下才真正弄通。

HTML部分內容：

Document

我是路人甲

最里面的

我是路人乙

js內容：(第一種情況)

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com