`

js跨浏览器阻止事件冒泡的代码

 
阅读更多
function stopPropagation(e) {  
    e = e || window.event;  
    if(e.stopPropagation) { //W3C阻止冒泡方法  
        e.stopPropagation();  
    } else {  
        e.cancelBubble = true; //IE阻止冒泡方法  
    }  
}
分享到:
评论

相关推荐

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

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

    兼容各大浏览器的JavaScript阻止事件冒泡代码

    本文给大家分享的是一段兼容各大浏览器的JavaScript阻止事件冒泡代码,虽然因为时间问题没有深入研究,但是还是相当不错的,这里推荐给大家

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

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

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

    下面小编就为大家带来一篇js阻止默认浏览器行为与冒泡行为的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery 事件冒泡的介绍以及如何阻止事件冒泡

    什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个...

    Js 冒泡事件阻止实现代码

    1. 事件目标 现在,事件处理程序中的...而且,我们知道this引用的是处理事件的DOM元素,所以可以编写下列代码: 代码如下:$(document).ready(function(){ $(‘#switcher’).click(function(event){ $(‘#switcher .

    JS中mouseup事件丢失的原因与解决办法

    前言 当实现类似Excel选中区域的功能时,经常出现 mouseup 事件丢失的情况,由于缺少了 mouseup 事件,导致一个完整的操作无法进行。 如果你是想进行拖拽移动操作,也可以...//阻止事件冒泡 //不仅仅要stopPropagatio

    js基础之事件捕获与冒泡原理

    想要了解什么是事件捕获与冒泡,需要先了解什么是事件。 什么是事件? 我们知道,在前端开发中,JavaScript负责定义网页的“行为”。这里所说的“定义”,其实指的是开发者可以通过JavaScript语言向浏览器描述一些...

    Javascript 阻止浏览器默认操作的实现代码

    在浏览器事件中,会触发一些默认动作,比如:点击一个链接时,执行完捕获/冒泡动作后,会触发链接的默认事件:跳转到指定链接地址。

    JS传播事件、取消事件默认行为、阻止事件传播详解

    例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处理程序通过返回false阻止跳转href页面。类似地,如果用户输入不合适的字符,输入域上的onkeypress事件处理...

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

    event.srcElement,在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方式又是不一样的,当然还有一些像“阻止事件冒泡”以及“取消浏览器默认行为...

    js停止冒泡和阻止浏览器默认行为的简单方法

    下面小编就为大家带来一篇js停止冒泡和阻止浏览器默认行为的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧,祝大家游戏愉快哦

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

    取消默认操作 w3c的方法是e.preventDefault(),IE则是...下面的代码假设一个事件处理程序,它使用全部的三种取消技术: function cancelHandler(event){ var event = event || window.event; //用于IE if(event.p

    jquery基础教程高清版PDF.part5.rar

     3.4.1 阻止事件冒泡   3.4.2 移除事件处理程序   3.5 模仿用户操作   3.6 小结  第4章 效果——为操作添加艺术性   4.1 修改内联CSS   4.2 基本的隐藏和显示   4.3 效果和速度   4.4 多重...

    drag-and-drop实现图片浏览器预览

    今天刚试过chrome的drag and drop API,它能非常简单的将本地的图片放...前者将会阻止事件的冒泡,后者会阻止浏览器默认的行为。 这里我们定义一个ignoreDrag函数,用以实现上述功能: Html代码  var ignoreDrag =

    客户端统一验证JavaScript函数库及示例源码

    CancelClientEvent()是使用事件冒泡阻止了事件的继续执行,同时设置返回值,最终成功阻止事件的继续往后执行,当在客户端触发一要回发的按钮事件是,想在程序里结束让其继续执行时,以往则不是很好处理,如Enter键,...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

Global site tag (gtag.js) - Google Analytics