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