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

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