国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS阻止事件冒泡以及瀏覽器默認行為

crossea / 1413人閱讀

摘要:什么元素有默認行為呢如鏈接點我,提交按鈕等的只會阻止默認行為,而則既阻止默認行為又防止對象冒泡阻止瀏覽器默認行為兼容

e的兼容
function fn(e){
    var event = e || window.event;
}

FireFox里的EventIE里的不同,IE里的是全局變量,隨時可用。FireFox里的要用參數引導才能用,是運行時的臨時變量
IE/Opera中是window.event,在FireFox中是event。而事件的對象,在IE中是window.event.srcElement,在Firefox中是event.targetOpera中兩者都可用

阻止事件冒泡

W3C的方法是e.stopPropagation()IE則是使用e.cancelBubble = true
stopPropagation是事件對象Event的一個方法,作用是阻止目標元素的冒泡事件,但是不會阻止默認行為
什么是冒泡事件?如在一個按鈕是綁定一個click事件,那么click事件會依次在它的父級元素中被觸發,stopPropagation就是阻止目標元素的事件冒泡到父級元素
了解更多請點這:理解DOM中的事件流
阻止事件冒泡兼容:

function stopPropagation(e) {
    var e = e || window.event;
    if ( e && e.stopPropagation ){
        e.stopPropagation();
    }else{
        e.cancelBubble = true;
    }
}
阻止瀏覽器默認行為

W3C的方法是e.preventDefault()IE則是使用e.returnValue = false
preventDefault是事件對象Event的一個方法,作用是取消一個目標元素的默認行為。如果元素沒有默認行為,調用無效。什么元素有默認行為呢?如鏈接點我,提交按鈕

return false:
JSreturn false只會阻止默認行為,而jQuery則既阻止默認行為又防止對象冒泡
阻止瀏覽器默認行為兼容:

function stopDefault(e) {
    var e = e || window.event;
    if (e && e.preventDefault){
        e.preventDefault();
    }else{
        e.returnValue = false;
    }
    return false;
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91225.html

相關文章

  • JS中的事件綁定,事件捕獲,事件冒泡以及事件委托,兼容IE

    摘要:事件階段事件分為三個階段事件捕獲事件目標事件冒泡事件捕獲和冒泡事件捕獲事件發生時首先發生在上,然后依次傳遞給最后到達目的節點即事件目標。 事件階段 事件分為三個階段: 事件捕獲 --> 事件目標 --> 事件冒泡 事件捕獲和冒泡 事件捕獲:事件發生時(onclick,onmouseover……)首先發生在document上,然后依次傳遞給body、……最后到達目的節點(即事件...

    taowen 評論0 收藏0
  • JS基礎入門篇(二十一)—事件

    摘要:事件綁定方式一用綁定事件方式二用進行事件偵聽,也能起到綁定事件的作用。第一個參數事件名第二個參數解綁的函數名如果是匿名函數,無法解綁。一般使用有名函數傳參。 1.事件綁定 方式一:用on綁定事件 #box{ width:100px; height:100px; background-color:red; } ...

    littleGrow 評論0 收藏0
  • JS基礎入門篇(二十一)—事件

    摘要:事件綁定方式一用綁定事件方式二用進行事件偵聽,也能起到綁定事件的作用。第一個參數事件名第二個參數解綁的函數名如果是匿名函數,無法解綁。一般使用有名函數傳參。 1.事件綁定 方式一:用on綁定事件 #box{ width:100px; height:100px; background-color:red; } ...

    shevy 評論0 收藏0
  • JS基礎入門篇(二十一)—事件

    摘要:事件綁定方式一用綁定事件方式二用進行事件偵聽,也能起到綁定事件的作用。第一個參數事件名第二個參數解綁的函數名如果是匿名函數,無法解綁。一般使用有名函數傳參。 1.事件綁定 方式一:用on綁定事件 #box{ width:100px; height:100px; background-color:red; } ...

    Salamander 評論0 收藏0
  • 徹底搞懂JS事件冒泡與捕獲

    摘要:事件冒泡與事件捕獲事件冒泡和事件捕獲分別由微軟和網景公司提出,這兩個概念都是為了解決頁面中事件流事件發生順序的問題。如下假設三層都有事件監聽,這時我們點擊的小的藍方框,事件執行的順序是怎么樣的呢紅黃藍事件冒泡微軟提出了名為事件冒泡的事件流。 事件冒泡與事件捕獲 事件冒泡和事件捕獲分別由微軟和網景公司提出,這兩個概念都是為了解決頁面中事件流(事件發生順序)的問題。 如下:假設三層div都...

    Half 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<