JS如何阻止事件

JavaScript09

JS如何阻止事件,第1张

把 var timeTask = ... 前面的var去掉,使 timeTask 成为全局变量。

然后在 alert("智能闹钟已关闭")的前面插入一行:clearInterval(timeTask)

事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到到 DOM 最顶层节点。

1.标准写法:利用事件对象里面的 stopPropagation()方法

e.stopPropagation()

2.非标准写法:IE 6-8 利用事件对象 cancelBubble 属性

e.cancelBubble = true

事件委托也称为事件代理, 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。

如:给 ul 注册点击事件,然后利用事件对象的 target 来找到当前点击的 li,因为点击 li,事件会冒泡到 ul 上,ul 有注册事件,就会触发事件监听器,这里只操作了一次 DOM ,提高了程序的性能。