Dom0级 Dom2级区别

Posted 2021-01-01 xieting123

/*
* DOM0级事件绑定 会存在覆盖的问题；下边的代码会把上边的代码覆盖
* */
/*

* DOM2级事件绑定

* 支持绑定多个函数;
* 只有三个参数都相同时，才会处理称重复绑定，这时就不再往 事件池 添加
* */
// oDiv.addEventListener(‘click‘,function () {
//     console.log(4);
// },false);
// oDiv.addEventListener(‘click‘,function () {
//     console.log(4);
// },false);
/*
* 第一个参数  事件类型  (没有 on)
* 第二个参数  对应要执行的函数
* 第三个参数  布尔值 --> true代表绑定的事件在 捕获阶段触发，false代表绑定的事件在冒泡阶段触发； 一般都是false;
* */

// oDiv.removeEventListener(‘click‘,f1,false);
// 移除时只能移除有能找地址的函数，绑定的匿名函数没办法移除掉
//
/*
* IE低版本的DOM2级绑定
* ele.attachEvent(‘onclick‘,function(){})
* 只有两个参数 第一个参数是事件类型 必须加 on
* 第二个参数是对应执行的函数
* attachEvent 没有处理重复绑定
* */
// oDiv.attachEvent()
// oDiv.detachEvent()