事件繫結的方式

2021-10-16 18:25:36 字數 420 閱讀 6316

按鈕
btn.onclick = function(){}
btn.addeventlistener('click',function(){})
事件委託利用了事件冒泡,只指定乙個事件處理程式,就可以管理某一型別的所有事件。所有用到按鈕的事件(多數滑鼠事件和鍵盤事件)都適合採用事件委託技術,

使用事件委託可以節省記憶體。

// good

document.queryselector('ul').onclick = (event) =>

}// bad

document.queryselectorall('li').foreach((e) =>

})

js事件繫結的幾種方式

1 點選按鈕 2 使js 與hrml標籤分離,文件結構清晰,便於開發和管理 1 點選按鈕 2 繫結語法 element.attachevent event,function event 必需 事件型別,需要加 on function 必需 指定事件觸發時執行的函式 1 點選按鈕 2 事件處理函式中,...

對映方式繫結不同的事件

對映方式繫結不同的事件 title 6 style 7body 8.clstip 9.txt 10style 11 script src jquery.js script 12 script 13 function change function 23 24script 25head 26 body...

jQuery(二)事件繫結方式

bind type,data fn 為每個匹配元素的特定事件繫結對應的事件處理函式 type表示事件型別,多個事件型別使用空格分隔 data表示傳遞給繫結函式的額外資料物件,函式中使用event.data接收 了解 fu表示繫結的函式 例子 當繫結不同事件型別繫結不同事件函式 白日依山盡,黃河入海流...