`
lan13217
  • 浏览: 498966 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

IE 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;
}

http://js8.in/623.html
分享到:
评论

相关推荐

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

    但在 Firefox 3.6.4 中,`event.cancelBubble` 虽然返回 `true`,但并未真正阻止冒泡。 另一方面,`event.stopPropagation()` 是 W3C 标准的事件模型中定义的方法,它在所有现代浏览器(包括 Firefox、Chrome 和 ...

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

    // 不仅阻止冒泡,也阻止了事件本身 }); }); <div id="ee">aaaaa <a href="baidu.com">baidu.com</a> ``` 在这个例子中,点击按钮时会触发多个事件处理函数,但通过使用`event.stopPropagation();`和`...

    javascript阻止事件冒泡的一种方法

    与`event.stopPropagation()`不同,`event.stopImmediatePropagation()`不仅阻止了事件冒泡,还阻止了同一个元素上的其他事件处理器执行。这意味着如果有多个事件监听器绑定在同一元素上,一旦调用了`...

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

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

    Javascript 阻止javascript事件冒泡,获取控件ID值

    1. 如何阻止事件冒泡 代码如下://非IE if (event && event.stopPropagation) event.stopPropagation(); else//IE window.event.cancelBubble = true; 2.获取控件ID 代码如下:if (document.all) { //IE alert(...

    html.event.bubbling.instance.data.rar_event

    4. **阻止事件冒泡**:有时我们可能不希望事件继续向上冒泡,可以使用`event.stopPropagation()`方法阻止事件冒泡。这样,事件处理将仅限于当前元素,不会影响到其父元素。 5. **事件捕获**:与事件冒泡相反,事件...

    javascript阻止事件冒泡和浏览器的默认行为

    在JavaScript中,阻止事件冒泡是为了确保事件只在当前元素上处理,不会影响到其父元素。有两种主要的方法来实现这一点: - W3C标准方式:`event.stopPropagation()`。这个方法可以防止事件继续向上层元素传播。 ...

    JS阻止冒泡事件以及默认事件发生的简单方法

    代码如下:function stopBubble(e){ if(e&&e.stopPropagation){//非IE e.stopPropagation(); } else{//IE window.event.cancelBubble=true; } } 如果要阻止默认事件的触发,即默认的href事件,那么就需要...

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    3. **阻止不必要的事件处理**:有时我们只想让事件在特定的元素上处理,不希望它冒泡到父元素,这时可以使用`event.stopPropagation()`方法阻止事件冒泡。 4. **获取事件源**:通过`event.target`属性,我们可以...

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

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

    JavaScript捕捉事件和阻止冒泡事件实例分析

    本文通过实例分析了如何在JavaScript中捕捉事件以及如何阻止冒泡事件。 事件冒泡是指事件在DOM(文档对象模型)树中从最具体的节点(子节点)向上级节点(父节点)传播的过程。当一个元素发生事件,如点击(onclick...

    jQuery中阻止冒泡事件的方法介绍

    3. **兼容性函数**:对于那些不支持`event.preventDefault()`的旧版浏览器(主要是IE),可以使用以下函数来阻止冒泡: ```javascript function stopDefault(e) { if (e && e.preventDefault) { e....

    JavaScript阻止事件冒泡示例分享

    将这个函数添加到需要阻止冒泡的事件处理函数内部即可实现预期效果。 总的来说,理解和熟练运用`event.stopPropagation()`、`event.cancelBubble`以及`event.preventDefault()`是编写健壮的JavaScript事件处理程序...

    浅谈javascript事件取消和阻止冒泡

    在处理事件时,有时我们需要阻止事件的默认行为或者避免事件的冒泡,这就是所谓的事件取消和阻止冒泡。 首先,让我们来理解什么是事件取消。事件取消的目标是防止浏览器执行与特定事件相关的默认行为。例如,当用户...

    浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....

    JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

    为了跨浏览器兼容性,开发者可能需要使用`event.cancelBubble = true`(IE)或`event.stopPropagation()`(W3C标准)来阻止事件冒泡,以及`event.capture = true`(非标准)或`addEventListener`的第三个参数为`true...

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

    标题中提到的“js阻止冒泡及jquery阻止事件冒泡示例介绍”涉及JavaScript和JQuery两种技术在事件处理中阻止事件冒泡的概念。冒泡是指当一个元素上触发了某个事件(如点击),这个事件不仅会在该元素上进行处理,还会...

    [JS]详尽解析window.event对象

    例如,你可以使用`event.preventDefault()`方法阻止事件的默认行为,或者利用`event.stopPropagation()`防止事件进一步冒泡。这些功能结合`event`对象的属性,可以实现复杂的行为,如检查特定键是否按下,或者根据...

Global site tag (gtag.js) - Google Analytics