`

jquery的冒泡事件event.stopPropagation()

阅读更多
在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble,jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的JavaScript需要下面的代码来统一:

if (event.stopPropagation) {
// this code is for Mozilla and Opera
event.stopPropagation();
}
else if (window.event) {
// this code is for IE
window.event.cancelBubble = true;
}


//就可以兼容哦
$("#msg").bind("click", function(e) {  
                            alert("div click");  
e.stopPropagation();
  });

http://shop63933458.taobao.com/   欢迎来逛逛我的画框卖场
分享到:
评论

相关推荐

    Jquery阻止事件冒泡 event.stopPropagation

    标题中的"Jquery阻止事件冒泡 event.stopPropagation"就涉及到如何在jQuery中避免事件冒泡到DOM树的上级元素。`event.stopPropagation()`是jQuery提供的一个方法,用于阻止事件继续在DOM树中向上冒泡。当你调用这个...

    关于event.cancelBubble和event.stopPropagation()的区别介绍

    在JavaScript的事件处理中,`event.cancelBubble` 和 `event.stopPropagation()` 都是用来控制事件冒泡的行为,但它们之间存在一些关键的区别。事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件的过程。...

    js阻止冒泡及jquery阻止事件冒泡示例介绍.docx

    ### JS与jQuery阻止事件冒泡详解 #### 一、引言 在Web开发中,事件处理是不可或缺的一部分,其中事件冒泡机制尤为重要。事件冒泡是指事件从最深层的节点开始,逐级向上传播至最顶层的节点。在某些情况下,我们希望...

    jquery阻止事件冒泡

    除了`stopPropagation()`,jQuery还提供了`event.stopImmediatePropagation()`方法,它不仅阻止当前事件的冒泡,还会停止同一事件在同一元素上其他事件处理程序的执行。如果一个元素有多个相同的事件监听器,这会...

    JQuery 提供了两种方式来阻止事件冒泡.rar

    除了这两种阻止事件冒泡的方法,JQuery还提供了`event.preventDefault()`,这个方法并不阻止事件冒泡,而是阻止了事件的默认行为。例如,点击链接默认会跳转到新的URL,但如果在事件处理程序中调用了`event....

    JQuery中阻止事件冒泡几种方式及其区别介绍

    JQuery 提供了两种方式来阻止事件冒泡。 方式一:event.stopPropagation(); 代码如下: $(“#div1”).mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; 代码如下: $(“#div1”)....

    js阻止默认浏览器行为与冒泡行为的实现代码.docx

    - `event.stopPropagation()`:仅阻止事件冒泡,允许默认行为。 在Prototype库中,可以使用`Event.stop(event)`来同时阻止默认行为和事件冒泡。 **事件冒泡与默认行为的实际应用**: 在某些情况下,如表单提交或...

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    进而使用event.target属性获取触发事件的元素引用,使用event.pageX和event.pageY获取鼠标光标的位置,以及调用event.preventDefault()和event.stopPropagation()来阻止事件默认行为和阻止事件冒泡。 除此之外,$....

    jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    5. 阻止冒泡:`event.stopPropagation()`阻止事件向上冒泡到父元素,防止父级的事件处理函数被调用。 此外,Swiper是一个流行的触摸滑动插件,通常用于创建轮播图或幻灯片效果。在jQuery项目中,Swiper可以帮助我们...

    jquery 监听 键盘 事件

    另外,`event.stopPropagation()`方法可以防止事件继续向上冒泡到父元素,防止它们触发父元素上的事件处理器: ```javascript $('input').on('keydown', function(event) { if (event.keyCode === 13) { event....

    jquery.mobile.event

    jQuery Mobile通过`.bind()`、`.live()`(已废弃)、`.on()`等方法绑定事件,并提供了`.event.preventDefault()`和`.event.stopPropagation()`来控制事件的行为。例如,阻止链接的默认跳转,可以在`vclick`事件处理...

    jQuery扫雷游戏代码.zip

    7. **事件冒泡和阻止默认行为**:为了确保游戏逻辑的正确执行,可能需要阻止事件冒泡(`event.stopPropagation()`)或阻止默认行为(`event.preventDefault()`),防止意外的交互影响游戏状态。 8. **插件机制**:...

    事件冒泡是什么如何用jquery阻止事件冒泡

    4. 验证事件冒泡的JavaScript代码示例:该示例说明如何通过绑定点击事件到不同的div元素,并通过注释或取消注释event.stopPropagation()来控制事件冒泡的行为。 ```javascript $(document).ready(function(){ $('...

    利用JQuery阻止事件冒泡

    JQuery提供了两种方法来阻止事件冒泡,分别是event.stopPropagation()和event.preventDefault()。 1. 使用event.stopPropagation() 当你在事件处理函数中调用event.stopPropagation()时,它会阻止事件继续传播到更...

    jQuery.event兼容各浏览器的event详细解析

    在jQuery中,调用`event.stopPropagation()`可以停止事件继续向上冒泡,这个方法同样封装了原生JavaScript中可能在IE中不起作用的`stopPropagation()`。 4. `event.target`属性:`event.target`属性返回触发事件的...

    jquery动态下拉菜单.zip

    `event.stopPropagation()`阻止了事件向上冒泡到父元素,避免与`#dropdown`的全局点击事件冲突。 6. **响应式设计**:确保菜单在不同设备和屏幕尺寸上都能正常工作。可以使用媒体查询或Bootstrap等框架来实现响应...

    jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理

    `jQuery.event.trigger`是jQuery触发事件的底层API,它支持触发各种类型的事件,包括普通浏览器事件和自定义事件。触发事件的过程主要包括以下步骤: 1. **初始化事件**:如果传入的`event`是一个事件类型字符串,...

    jquery的冒泡事件的阻止与允许(三种实现方法)

    与`event.preventDefault()`相反,`event.stopPropagation()`只阻止事件的冒泡,但允许事件的默认行为。如果你在一个按钮元素上有一个事件处理函数,你可能希望点击按钮时,不希望这个点击事件影响到按钮的父元素,...

Global site tag (gtag.js) - Google Analytics