js /jquery停止事件冒泡和阻止浏览器默认事件

摘要:
js/jquery停止事件冒泡和阻止浏览器默认事件1>js阻止冒事件varel=window.document.getElementById("a");el.onclick=function(e){//如果提供了事件对象,则这是一个非IE浏览器if(e&&e.stopPropagation){//因此它支持W3C的stopPropagation()方法e.stopPropagation();}el
js /jquery停止事件冒泡和阻止浏览器默认事件

1>js阻止冒事件

复制代码
复制代码
    var el = window.document.getElementById("a");
    el.onclick = function (e) {
        //如果提供了事件对象,则这是一个非IE浏览器
        if (e && e.stopPropagation) {
            //因此它支持W3C的stopPropagation()方法
            e.stopPropagation();
        }
        else {
            //否则,我们需要使用IE的方式来取消事件冒泡 
            window.event.cancelBubble = true;
            return false;
        }
    }
复制代码
复制代码

2>js阻止默认事件

复制代码
复制代码
    var el = window.document.getElementById("a");
    el.onclick = function (e) {
        //如果提供了事件对象,则这是一个非IE浏览器
        if (e && e.preventDefault) {
            //阻止默认浏览器动作(W3C) 
            e.preventDefault();
        }
        else {
            //IE中阻止函数器默认动作的方式 
            window.event.returnValue = false;
            return false;
        }
    }
复制代码
复制代码

3>jQeury阻止默认和冒泡事件

阻止冒泡事件

            $("a").click(function (e) {
                e.stopPropagation();
            });

阻止默认事件

            $("a").click(function (e) {
                e.preventDefault();
            });

阻止默认和冒泡事件

            $("a").click(function (e) {
                return false;
            });

免责声明:文章转载自《js /jquery停止事件冒泡和阻止浏览器默认事件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Node.js躬行记(3)——命令行工具Java 集合源代码——ArrayList下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端通过js获取微信公众号用户的唯一标识符openId

微信公众号程序开发的时候,获取用户信息的时候,需要用到用户的openId,openId是微信用户的唯一标识符,这个操作可以后台实现也可以前端实现,之前项目里是通过后台来获取的,好像用到了一些三方的包,然后我抽空看了一下微信开发文档,发现通过前端获取openId也很简单,如下所示: 一、先附上微信公众号开发文档https://developers.weix...

留言板小程序开发笔记-4

前端多个html文件, 共用变量的时候, 使用cookie, 或者在多个页面之间通过 url传递变量... 前端多个html页面之间, 可以共用一个css文件, 因为, 在不同的页面包含同一个css文件, 即使另一个页面,不包含某些 dom节点的时候, 它不会出错, 而且也会自动执行. 而多个html文件,共用一个 js 文件时, 由于不同文档的dom结...

DOM,javascript,Web API之间的关系——onclick 引起的思考与调研

平时习惯了用js操作dom树来与html页面进行交互,基本都是通过web API接口实现的,最近看闭包和原生js的知识点比较多,昨天无意中看到了onclick中的this指向问题,遂用native js方式模拟了onclick再html标签里的this和js事件里的this,详见上一篇博客:用js的eval函数模拟Web API中的onclick事件 下文...

js中动态载入css js样式

js中动态载入css样式,方法如下: //<link rel="stylesheet" type="text/css" href="http://t.zoukankan.com/http://css.static.m1905.cn/base.min.css"> var addCssLink =function(url){ var lin...

原生JS实现双向链表

1.前言 双向链表和单向链表的区别在于,在链表中,一个节点只有链向下一个节点的链接,而在双向链表中,链接是双向的:一个链向下一个元素,另一个链向前一个元素,如下图所示: 从图中可以看到,双向链表中,在每个节点Node里有prev属性(指向上一个节点的指针)和next属性(指向下一个节点的指针),并且在链表中也有head属性(用来存储链表第一项的引用)和ta...

JS 语法之--函数,异常

1、函数 2、函数表达式 使用表达式定义函数,表达式中的函数名可以省略,如果这个函数名不省略,也只能用在此函数内部。 测试:匿名函数 + 函数表达式 1 //匿名函数 2 const add = function(x, y) { 3 return x +y; 4 }; 5 console.log(typeof(add)) // function...