DOM元素繫結js的三種方式

在dom元素裡面繫結 使用on+事件型別 = function

"button" value=

"點我吧" onclick=
"alert('已執行')"
>

"box"

>我是div盒子<
/div>
var box = document.
getelementbyid
("box"
)	box.
onclick
=function()
<
/script>

使用addeventlistener來註冊事件

"box"

>點我吧<
/div>
function
fun(
)            box.
addeventlistener
("click"
,fun,
false
)            box.
addeventlistener
("click"
,function()
)<
/script>

attachevent只有兩個引數

"button" value=

"點我吧" id =
"btn"
>
var btn = document.
getelementbyid
("btn");
function
fun(
)     btn.
attachevent
("onclick"
, fun)
;<
/script>

function

addevent
(ele, type, fun)
else
if(ele.attachevent)
else
}

為dom元素繫結js事件的三種方式

1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 3.在js中使用addeventlistener 實現繫結 具體 示例如下 input type button id btn0 onclick alert 執行了html繫結的方法 value html中繫結 input inp...

DOM繫結事件的三種方式

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

JS事件繫結三種方式

1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 重複繫結會覆蓋之前繫結的onclick事件let button1 document.getelementbyid btn1 button1.onclick function 3.在js中使用addeventlistener 實現...