`
wangshaofei
  • 浏览: 283563 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js防止冒泡事件

eventjs
阅读更多 

var e = (event) ? event : window.event;
    if (window.event) {
    	e.cancelBubble = true;
    } else {
     	e.stopPropagation();
    }
 将以上代码放到事件函数的末尾。防止冒泡事件。
分享到：
| 商品放大镜代码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js阻止冒泡事件

    js阻止冒泡事件的方法有2种。 事件冒泡：当一个元素上的事件被触发时，同样的事件会在那个元素的所有祖先元素中被触发。 这个事件是从原始元素开始一直冒泡到DOM树最上层。 目标元素：任何一个事件的目标元素...

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

    `index.html`通常是网页的结构，而`min.js`可能包含了压缩过的JavaScript代码，用于演示阻止事件冒泡的实现。通过查看这两个文件，我们可以更深入地理解阻止事件冒泡的实践应用。 总结一下，阻止事件冒泡是...

    阻止滚动条事件冒泡

    在JavaScript中，我们可以使用`event.stopPropagation()`方法来阻止事件冒泡。当我们在监听的事件处理函数中调用这个方法时，可以确保事件不会继续向上层元素传播。例如，如果我们在一个内部元素上监听`mousewheel`...

    js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

    在处理事件时，有时我们需要阻止默认行为或者防止事件冒泡，以确保事件按照我们的预期执行。本篇将详细介绍`event.preventDefault()`和`event.stopPropagation()`的用法，并提供示例。 1. **阻止默认事件**： 当一...

    js阻止冒泡

    js阻止冒泡 $(document).click(function(){ $(".scxl").children('ul').hide(); })

    深入分析js的冒泡事件

    在javascript的dom操作做肯定会遇到js的冒泡事件，最常见的是div弹窗事件如图解 当点击灰色部分是弹窗消失，点击黑色部分时没有效果。 通过下面一段代码来分析js的冒泡事件 html代码： 代码如下: <!DOCTYPE ...

    JS事件冒泡浏览器兼容

    此外，`event.stopPropagation()`方法可以阻止事件继续向上冒泡，而`event.stopImmediatePropagation()`则不仅可以阻止冒泡，还能阻止同一元素上的其他事件处理函数被执行。 总结一下，JavaScript事件冒泡是浏览器...

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

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

    JS冒泡事件与事件捕获实例详解

    冒泡事件和事件捕获是JavaScript中处理事件传播的两种主要模型，它们定义了事件在DOM树中传播的顺序。在实际的Web开发中，深入理解这两种模型对于正确处理事件，避免潜在的问题至关重要。 冒泡事件是指当一个事件在...

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

    如果是在里面，那么呢，有一个onclick事件，也有onclick事件，为了触发的点击事件时，不触发父元素的点击事件，...如果要阻止默认事件的触发，即默认的href事件，那么就需要调用如下函数： 代码如下:function stopD

    JavaScript事件冒泡示例.html

    JavaScript事件冒泡是Web开发中的一个关键概念，它在网页交互和动态效果中扮演着重要角色。事件冒泡源于浏览器处理事件的...熟练掌握事件冒泡、事件捕获以及如何阻止冒泡，对于提升JavaScript的事件处理能力至关重要。

    JavaScript 事件冒泡简介及应用

    为了更好地控制事件冒泡，开发者可以使用`event.stopPropagation()`方法来阻止事件继续向上冒泡，或者使用`event.stopImmediatePropagation()`防止其他在同一元素上注册的事件处理程序被执行。这些技巧在处理复杂...

    Js冒泡事件详解及阻止示例

    例如，`ialertdouble`函数通过调用`stopBubble`来阻止冒泡，而`ialertthree`不仅阻止冒泡，还使用`preventDefault`防止链接跳转。对于使用jQuery的情况，可以直接在事件处理函数内调用`event.stopPropagation()`，...

    事件冒泡解决方案

    但这个方法通常不是用来阻止冒泡，而是为了提前处理事件。 3. **停止事件的默认行为**： 使用`event.preventDefault()`可以阻止事件的默认行为，但并不会阻止事件的冒泡。在本例中，这可能不是必要的，因为默认...

    zepto.js中tap事件阻止冒泡的实现方法

    这样，即使tap事件本身不能直接阻止冒泡，但通过合理的事件处理逻辑，依然可以达到防止不希望的事件行为发生的目的。 在具体的实现中，可以使用zepto.js的on()方法绑定tap事件，并通过判断事件对象中的target属性来...

    鼠标键盘事件及事件冒泡.pptx

    JavaScript+jQuery 网页特效设计;鼠标事件;1、鼠标事件;1、鼠标事件（案例）;2、键盘事件;2、键盘事件（案例）;3、事件的冒泡与阻止;3、事件的冒泡与阻止;3、事件的冒泡与阻止;...3、事件的冒泡与阻止

    js阻止冒泡和默认事件（默认行为）详解

    在实际的应用中，这两者常常结合使用，比如在一个下拉菜单的点击事件中，我们需要阻止冒泡以避免其他元素的事件处理器被触发，同时也需要阻止默认行为（如表单的提交动作）来防止页面刷新。 作者在文章中还提到了...

    js 冒泡事件

    本文将深入探讨“JS冒泡事件”，并结合相关工具和源码进行详细解析。 ### 1. 事件冒泡 事件冒泡是指当一个事件在一个元素上发生时，该事件会从这个元素逐级向上层父元素传播，直到到达文档的根节点。这一过程就像...

Magicbox
Global site tag (gtag.js) - Google Analytics