JS事件繫結三種方式

2021-10-23 12:14:48 字數 650 閱讀 9203

1. 在html標籤中直接繫結;

2. 在js中獲取到相應的dom元素後繫結;

重複繫結會覆蓋之前繫結的onclick事件
let button1 = document.getelementbyid("btn1")

button1.onclick = function()

3. 在js中使用addeventlistener()實現繫結;

let button2 = document.getelementbyid("btn2")

//使用addeventlistener()可為乙個元素繫結多個事件

button2.addeventlistener("mouseover", func1, false)

//使用removeeventlistener(event,function)移除事件,需知道事件名

// button2.removeeventlistener("mouseover", func1)

JS繫結事件的三種方式

一.xhtml 繫結方式 type button onclick test type button onclick 若干句js 二.dom繫結方式 推薦 優點 內容和行為分離 dom物件.事件 事件處理函式 var btn1 document.getelementbyid btn1 btn1.onc...

事件的三種繫結方式

1.行內式繫結事件處理 另外一種寫法 functionclickme 這時候,這個函式的作用於這就這個物件本身 input 所以我們可以通過this獲取input的任何屬性。缺點 1.html與js 的耦合性高 2.在事件函式未預編譯之前,點選可能會報錯 3.這樣的事件處理程式在不同瀏覽器中的作用於...

DOM繫結事件的三種方式

參考事件繫結原理 1.在dom中繫結。在dom中繫結有兩種方式 function handlename 2.在js中繫結。elementobj.on function elementobj.nclick function 3.利用事件監聽,但是事件監聽要考慮到瀏覽器相容性 chrome firefo...