javaScript--Dom 二级事件

Posted 2020-10-12

1、Dom2级事件定义了两个方法，用于处理指定删除事件处理程序事件：addEventListener() 和 removeEventListener()。

2、这两个方法有三个参数，（处理事件名称， 事件处理程序函数，事件捕获冒泡（true / false））。

　　例子： const btn = document.querySelector(‘#btn‘);

   　　　　  btn.addEventListener("click", function () {
　　　　　 　　alert(" Hello, world ！！！ "); 

　　　　　 }, false);

3、通过addEventListener() 添加的事件， 只能由removeEventListener() 移除，移除事件中的参数和添加的参数必须一致，看似一致，执行的第二个参数执行的函数与添加的其实并不相同。

4、Dom0级事件和Dom2级事件区别：

1. 如果定义了两个dom0级事件，dom0级事件会覆盖
2. dom2不会覆盖，会依次执行
3. dom0和dom2可以共存，不互相覆盖，但是dom0之间依然会覆盖