JavaScript阻止事件冒泡樣本分享，javascript樣本

JavaScript阻止事件冒泡樣本分享，javascript樣本

之前遇到事件冒泡的問題，也去網上搜尋了一番，結果大部分都是一樣的代碼，貼來用時也不太順利。涉及到FF時，可以用 e.stopPropagation(); ，不知怎地我沒用成功。不過我發現FF支援e.cancelBubble = true;的寫法，經測試可行。就把代碼貼在這裡吧，省得以後到處找。IE以前版本的相容性還沒測試，用到時再完善吧。

 複製代碼 代碼如下:
//取消事件冒泡
function stopBubble(e) {
    var evt = (e) ? e : window.event;//相容FF
    evt.cancelBubble = true;  //evt.stopPropagation();  FF下阻止冒泡，據說可以用
};

另：

1、cancelBubble（HTML DOM Event 對象屬性） ：如果事件控制代碼想阻止事件傳播到包容對象，必須把該屬性設為 true。

2、stopPropagation（HTML DOM Event 對象方法）：終止事件在傳播過程的捕獲、目標處理或起泡階段進一步傳播。調用該方法後，該節點上處理該事件的處理常式將被調用，事件不再被指派到其他節點。

3、 preventDefault（HTML DOM Event 對象方法）通知瀏覽器不要執行與事件關聯的預設動作。

例子：
    function stopBubble(e) 
    { 
        if (e && e.stopPropagation) 
            e.stopPropagation() 
        else
            window.event.cancelBubble=true
    } 

把這個stopBubble(e)函數放到你想要的阻止事件冒泡函數裡面就可以阻止事件冒泡了