DOM事件

Posted 2020-10-17 瑶狗屎狗屎瑶i

事件：在某一个时刻发生一件事情，可以处理或者不处理事件流：当事情发生以后沿着一个方向传播（浏览器处理方式）事件流方向：1、从里到外（从下到上）→冒泡事件（从点的那一层从下往上冒）2、从外到里（从上到下）→捕获事件IE只支持冒泡；DOM支持冒泡?捕获；网景只支持捕获；默认事件都是冒泡事件处理方法：内嵌事件：不提倡，因为是对全局作用DOM0事件：在事件出来之前就有的；方法：.onclick；优点：可以兼容所有浏览器；缺点：只能为某个标签添加一个处理方法DOM0删除事件处理的方法：onclick=nullDOM2事件：方法：.addEventListener("...",...,...){传三个参数：一个事件类型，一个回调函数以及事件流方向}；优点：可以为一个事件添加多个处理方法；缺点：兼容性差DOM2删除事件处理的方法:removeEventListener(...,...,...):{传三个参数：和事件时的参数一样}IE事件：方法：attachEvent(...,...){传两个参数：一个事件类型一个回调函数}IE删除事件处理的方法：datachEvent(...,...):{传两个参数：和事件时的参数一样}false代表冒泡；true代表捕获冒泡和捕获同时在的时候执行顺序由书写代码的顺序决定事件处理类型：1、鼠标事件2、键盘事件3、其他事件e.clientX   e.clientY:鼠标对于可视区域的坐标e.screenX   e.screenY:鼠标对于屏幕的坐标key：得到按下键的本身在keyCode里面 keydown得到键值码 keyup得到键值码 keypress得到字符码  charCode只用于keypress得到字符码事件对象event：阻止事件默认行为（不等于阻止事件）方法：阻止表单提交：preventDefault(DOM方法)；returnValue=false(IE方法)阻止事件冒泡：stopPropagation()(DOM方法)；cancelBubble=true(IE方法)事件委托：子元素不处理委托给父元素统一的处理