事件冒泡与事件委托

1.事件冒泡

事件冒泡就是事件从最具体的元素到最模糊的元素递归执行。

阻止事件冒泡:stopPropagation()

2.事件委托

事件委托就是利用时间冒泡的原理把事件加到父元素或祖先元素上,触发执行效果。这样做的好处是对于大量要处理的元素,不必为每个元素都绑定事件,只需要在他们的父元素上绑定一次即可,提高性能。

绑定事件监听函数有三种常用的绑定事件的方法:

在DOM元素中直接绑定

在JavaScript代码中绑定

绑定事件监听函数

在DOM中直接绑定事件

我们可以在DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick、onkeydown、onkeypress、onkeyup等

在JavaScript代码中绑定事件

在script标签内绑定事件可以使JavaScript代码与HTML标签分离,文档结构清晰,便于管理和开发。

使用事件监听绑定事件

绑定事件的另一种方法是用addEventListener()或attachEvent()来绑定事件监听函数

你可能感兴趣的:(事件冒泡与事件委托)