日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

方法:1、利用stopPropagation()方法禁止,但不會阻止默認行為,語法“event.stopPropagation()”;2、利用return方法禁止,同時阻止默認行為,語法“function(){return false}”。


Javascript怎么禁止事件冒泡


javascript怎么禁止事件冒泡

原生 JS 中,對事件對象 (event) 有 2 種主要的方法;

stopPropagation 和 preventDefault

第一個是禁止冒泡,第二個是阻止默認行為

注:這是原生 JS 的方法,并非 jQuery 的方法,event 形參可以為任何變量,比如用 e 這個也可以的;

ele.onmouseover=function(event){
    event=event||window.event;
    if(event.stopPropagation){
        event.stopPropagation();//標準留言器中禁止冒泡;
        // preventDefault中文意思是阻止默認行為;
    }else{
        e.cancelBubble=true;//IE瀏覽器禁止冒泡;IE678
    }
}


1、事件的禁止冒泡

ele.onmouseover=function(event){
    event=event||window.event;
    if(event.stopPropagation){
        event.stopPropagation();//標準留言器中禁止冒泡;
        // preventDefault中文意思是阻止默認行為;
    }else{
        e.cancelBubble=true;//IE瀏覽器禁止冒泡;IE678
    }
}


2、return 的阻止

ele.onmouseover=function(){
    return false
}

區別。

return false 不僅阻止了事件往上冒泡,而且阻止了事件本身。

event.stopPropagation() 則只阻止事件往上冒泡,不阻止事件本身。

整理:

1.event.stopPropagation();

事件處理過程中,阻止了事件冒泡,但不會阻擊默認行為(可執行超鏈接的跳轉)

2.return false;

事件處理過程中,阻止了事件冒泡,也阻止了默認行為(不執行超鏈接的跳轉)

還有一種有冒泡有關的:

event.preventDefault();

它的作用是:事件處理過程中,不阻擊事件冒泡,但阻擊默認行為(它只執行所有彈框,卻沒有執行超鏈接跳轉)


分享到:
標簽:Javascript 禁止事件冒泡
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定