js基礎(chǔ)-事件綁定的方法和區(qū)別詳解

? ? ? ? 原生js綁定事件的方法有3種分為行內(nèi)綁定,動態(tài)綁定和事件監(jiān)聽

? ? ? ? 1:行內(nèi)綁定


圖片1

2:動態(tài)綁定


圖片2

3:事件監(jiān)聽


圖片3

以上所有的綁定方式所綁定的函數(shù)都可以用click()來觸發(fā)而行內(nèi)綁定和動態(tài)綁定的區(qū)別在于函數(shù)內(nèi)部的this指向


圖片4


圖片5

由運行結(jié)果可見,行內(nèi)綁定時函數(shù)內(nèi)部的this指向為window而動態(tài)綁定時的內(nèi)部this指向為該dom元素,而事件監(jiān)聽的綁定方式傳入的參數(shù)有三個,第一個為事件名稱,第二個為回調(diào)函數(shù),第三個為是否事件傳遞方式是捕獲,true為捕獲,false為冒泡,默認(rèn)為false冒泡。



以上為個人學(xué)習(xí)文檔,如有錯誤,還望指正

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 事件綁定是給標(biāo)簽綁定上事件,比如綁定鼠標(biāo)點擊事件,綁定鍵盤按下事件等。事件綁定分為三種:行內(nèi)綁定、動態(tài)綁定、事件監(jiān)...
    麻油炸番薯閱讀 147評論 0 0
  • 一、API介紹 HTML:用來存儲網(wǎng)頁內(nèi)容;CSS:用來定義這些內(nèi)容的顯示樣式;JavaScript:用來創(chuàng)造豐富...
    寵辱不驚丶?xì)q月靜好閱讀 2,531評論 0 4
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    伯納烏的追風(fēng)少年閱讀 26,133評論 2 46
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,877評論 0 106
  • 大家在做筆試題的時候肯定經(jīng)常會遇到事件綁定和事件冒泡與捕獲的問題,這篇我們來詳細(xì)解析 JavaScript 的事件...
    Max_Law閱讀 527評論 0 1

友情鏈接更多精彩內(nèi)容