DOM事件就是指当与文档流里面的内容发生一些交互时,会触发一些事件。
添加事件主要用:
node.addEventListener(eventname,callback[,useCapture])
eventname是事件名,callback为回调函数,函数参数默认为event对象,useCapture指是否在捕获阶段触发事件。
在触发DOM事件的时候,会进行三个阶段,1、捕获阶段,从根节点出发,一直向目标节点流去;2、目标阶段,到达目标节点的时候,目标节点会被触发;3、冒泡阶段:在触发后,会进行回流,到初始的根节点,一般都是默认以冒泡的形式进行触发事件。其中可以进行阻止这种行为,用event.preventDefault()即可。
event对象有许多的属性。
event.target和event.currentTarget区别:
event.target:指点击的当前节点
event.currentTarget: 指点击的父节点
事件委托:指如果有多个子节点,如ul有100个,则我们可以在父节点上绑定事件。