1. 程式人生 > >取消默認事件及冒泡

取消默認事件及冒泡

冒泡 UNC turn elb 我們 efault default 事件對象 默認

阻止冒泡事件

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

阻止默認事件

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

jQeury阻止默認和冒泡事件

阻止冒泡事件
   $("a").click(function (e) {
            e.stopPropagation();
        });
阻止默認事件
 $("a").click(function (e) {
            e.preventDefault();
        });
阻止默認和冒泡事件
$("a").click(function (e) {
            return false;
        });

取消默認事件及冒泡