1. 程式人生 > >js /jquery停止事件冒泡和阻止瀏覽器預設事件

js /jquery停止事件冒泡和阻止瀏覽器預設事件

 

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