• 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;
                });

      

      

      

  • 相关阅读:
    下载
    【项目】项目214
    【项目】项目220
    【项目】项目219
    【项目】项目216
    【项目】项目221
    【项目】项目212
    【项目】项目217
    【项目】项目213
    【项目】项目215
  • 原文地址:https://www.cnblogs.com/wudaoyongchang/p/6227077.html
Copyright © 2020-2023  润新知