- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码,“关注”我的百家号。
JS事件冒泡,就是一个事件由里层向外层的传播。JS默认行为,不是事件本身的动作,而是事件对象的默认动作,如:a标签的默认行为是跳转到一个新链接页面上;点击表单提交按钮的默认行为是提交数据并刷新页面等。虽然冒泡或默认行为,有时是我们网页所需要的,但是,在大多数事件当中,它们会给我们想要的结果带来麻烦,所以,我们在处理事件时,一般都需要禁止冒泡和取消默认行为。下面,一起来看看,jquery是怎样禁止冒泡和取消默认行为的。
取消某个元素的默认行为
preventDefault()
判断是否调用了preventDefault()方法
isDefaultPrevented()
取消事件冒泡
stopPropagation()
判断是否调用了 stopPropagation()方法
isPropagationStopped()
取消事件冒泡, 并取消该事件的后续事件处理函数
stopImmediatePropagation()
判断是否调用了 stopImmediatePropagation()方法
isImmediatePropagationStopped()
如果想同时阻止默认行为且禁止冒泡行为, 可以把两个方法同时写上:
event.stopPropagation();
event.preventDefault();
如果需要同时用这两个方法的时候,还有一种简写,就是直接 return false。如:
$('a').click(function (e) {
return false; //禁止冒泡,同时取消默认行为
});
好了,jquery如何处理事件冒泡和取消默认行为就介绍到这里,下一章,我们再来介绍jquery动画相关的一此知识。
在点击事件的 时候禁止事件冒泡和取消默认行为还真的经常用到,实用性很强。