參考事件繫結原理
1. 在dom中繫結。
在dom中繫結有兩種方式:
function handlename()
2. 在js中繫結。
elementobj.on*** = function(){}elementobj.οnclick=function()3. 利用事件監聽，但是事件監聽要考慮到瀏覽器相容性
chrome、firefox、opera、safari、ie9.0及其以上版本
elementobj.addeleventlistener(type, handele, usecapture) //
usecapture是事件流，是否捕獲
在ie8以及其以下版本中用
elementobj.attachevent(type, handle)
function addevent(obj, type, handle) catch(e) catch(e)
} }
事件的三種繫結方式
1.行內式繫結事件處理 另外一種寫法 functionclickme 這時候,這個函式的作用於這就這個物件本身 input 所以我們可以通過this獲取input的任何屬性。缺點 1.html與js 的耦合性高 2.在事件函式未預編譯之前，點選可能會報錯 3.這樣的事件處理程式在不同瀏覽器中的作用於...
為dom元素繫結js事件的三種方式
1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 3.在js中使用addeventlistener 實現繫結 具體 示例如下 input type button id btn0 onclick alert 執行了html繫結的方法 value html中繫結 input inp...
JS事件繫結三種方式
1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 重複繫結會覆蓋之前繫結的onclick事件let button1 document.getelementbyid btn1 button1.onclick function 3.在js中使用addeventlistener 實現...