onclick和addEventListener的区别

Posted 2021-09-25 亚洲友人

1.onclick事件在同一时间只能指向唯一对象（重复绑定事件只会使最后绑定的事件响应）
2.addEventListener给一个事件注册多个listener（重复绑定事件会依次从上到下响应）

addEventListener第一个参数事件类型，第二个类型即绑定的具体事件，第三个参数默认是false，false是冒泡，true时是捕获；
事件触发的顺序为先捕获再冒泡，捕获时从dom树最上层开始响应，冒泡时从dom树最底层开始响应；
阻止冒泡和捕获用event.stopPropagation(); ，阻止默认事件用event.stopImmediatePropagation();