3.阻止事件冒泡的三种方法

　　* 指定默认操作

　　通过调用.preventDefault()方法可以在出发默认操作之前终止事件。

　　* 调用 event.stopPropagation()停止事件传播

　　jQuery提供了一个.stopPropagation()方法，使用该方法可以完全阻止事件冒泡。实例代码如下：

　　使用stopPropagation()方法阻止事件冒泡

　　　　　　$(document).ready(function()　{
　　　　　　　　　　$(‘switcher‘).click(function(event){
　　　　　　　　　　　　　　if(this.id　==　‘switcher-narrow‘){
　　　　　　　　　　　　　　　　　　$(‘body‘).addClass(‘narrow‘);
　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　else　if(this.id　==　‘switcher-large‘){
　　　　　　　　　　　　　　　　　　$(‘body‘).addClass(‘large‘);
　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　$(‘switcher　.button‘).romoveClass(‘selected‘);
　　　　　　　　　　　　　　$(this).addClass(‘selected‘);
　　　　　　　　　　　　　　event.stopPropagation();
　　　　　　　　　　};)
　　　　　　});

　　* 使用event.tatget属性 明确事件对象

　　事件处理程序中的变量event保存着事件对象。而event.tatget属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素。而且，我们知道this引用的是处理事件的DOM元素。

　　使用event.tatget属性 明确事件对象

• 上一篇:整理jQuery事件（1）
• 下一篇:整理jQuery事件（3）