JQuery学习记录（七）：禁止事件冒泡和取消默认行为

扫描下面的二维码，“关注”我的百家号。

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动画相关的一此知识。