JS 事件绑定的几种方式 小笔记

Posted 2020-07-14

第一种

var test=document.getElementById(‘add‘);
add.onclick=function(){
alert(‘1‘);
}

直接在对象上注册事件

缺点：如果我想给add再加onchange 就会覆盖掉前面的onclick

优点：简单方便明了

第二种

var test=document.getElementById(‘add‘);
add.addEventListener(‘click‘,eve,false);
function eve(){
alert();
}

通过addEventListener来绑定事件 

缺点：IE8搞出了attachEvent有时候要判断

优点：可以绑定多个事件还可以控制冒泡事件和捕捉事件

第三种

<span id="add" onclick=‘eve()‘></span>
function eve(){
alert();
}

html绑定元素 同样是覆盖原则