js
##事件
**1.事件的三要素**
事件源 事件类型 时间处理函数
**2.添加时间(绑定时间)**
HTML 事件监听器
例:<div onclick='fn()'></div>
//事件源
let div=document.querySelector('div');
//处理函数
function fn(){
div.style.background='red';
}
标准DOM0级时间监听器
例:div.onclick=function(){
div.style.background='red';
}
只能绑定一个事件,多个的话后面的会覆盖前面的
DOM2级事件监听器
例:div.addEventListener('事件类型'function(){
div.style.background='red'
});
**3.删除事件**
删除标准DOM0级事件监听器
div.onclick=null;
删除DOM2级事件监听器
div.removeEventListener('事件类型',fn);
function fn(){
console.log();
}
**4.事件流**:指的就是事件在页面中的传播顺序
**5.事件流的分类**
冒泡型事件流 IE
捕获型事件流 网景
DOM事件流
如果冒泡和捕获两者都存在,先捕获后冒泡
**6.DOM事件流周期**
事件流捕获阶段
目标触发阶段
事件冒泡阶段

浙公网安备 33010602011771号