事件绑定:
方式:
1、在DOM元素种直接绑定
2、在javaScript代码中绑定
3、绑定监听事件函数
绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。下面详细介绍,事件监听
事件监听:
3个阶段:捕获阶段、目标阶段、冒泡阶段
语法:
W3C标准:element.addEventListener(event, function, useCapture)
event:添加的事件
function:事件触发的执行函数
useCapture:制定事件是否在捕获阶段(true)或者冒泡阶段(false,默认false)执行
IE标准:element.attachEvent(event, function)
event:添加的事件
function:事件触发的执行函数
事件监听的优点
1、可以绑定多个事件
2、可以解除相应的绑定 removeEventListener()
事件委托:利用冒泡原理,把事件加载父元素或者祖先元素上,触发执行效果
事件委托的优点:
1、提高JavaScript性能。事件委托可以显著的提高事件的处理速度,减少内存的占用
2、动态的添加DOM元素,不需要因为元素的改动而修改事件绑定。
1、提高JavaScript性能。事件委托可以显著的提高事件的处理速度,减少内存的占用