JavaScript面试题-事件绑定和普通事件有什么区别?

mac2024-03-26  32

事件绑定和普通事件有什么区别?

普通事件

通过 on 来添加事件的方式

<button id="btn">按钮</button> document.getElementById('btn').onclick=function(){}; document.getElementById('btn').onclick=function(){};

如果说给同一个元素绑定了两次或者多次相同类型的事件,那么后面的绑定会覆盖前面 的绑定

不支持 DOM 事件流:事件捕获阶段 => 目标元素阶段 => 事件冒泡阶段

事件绑定

通过指定的方法来添加事件的方式

addEventListener()

如果说给一个元素绑定了多次相同类型的事件,所有的绑定将会按绑定顺序依次触发支持 DOM 事件流进行事件绑定传参不需要 on 前缀addEventListener("click", function(){}, true); // 此时的事件就是在事件冒泡阶段执行

事件绑定是指把事件注册到具体的元素之上,普通事件指的是可以用来注册的事件

最新回复(0)