JavaScript怎么阻止事件冒泡和阻止瀏覽器默認(rèn)行為

這篇文章主要介紹了JavaScript怎么阻止事件冒泡和阻止瀏覽器默認(rèn)行為的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇JavaScript怎么阻止事件冒泡和阻止瀏覽器默認(rèn)行為文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

1. 阻止事件冒泡 兼容w3c瀏覽器

function cBubble(e){

    if(e.stopPropagation){

        e.stopPropagation();//ie9+

    }else{//ie678

        e.cancelBubble = true;

    }

}

2.阻止瀏覽器默認(rèn)行為

function cDefault(e){

   if(e.preventDefault){//ie9+

e.preventDefault();

   }else{//ie 678

e.returnValue = false;

    }

};

3.阻止默認(rèn)詳細(xì)說(shuō)明

w3c 的方法是 e.preventDefault(),

IE 則是使用 e.returnValue = false;

preventDefault它是事件對(duì)象(Event)的一個(gè)方法,

作用是取消 一個(gè)目標(biāo)元素的默認(rèn)行為.

既然是說(shuō)默認(rèn)行為,當(dāng)然是元素必須有默認(rèn)行為才能被取消.

如果元素本身就沒有默認(rèn)行為,調(diào)用當(dāng)然就無(wú)效 了.

什么元素有默認(rèn)行為呢?

如鏈接<a>,

提交按鈕<input type=” submit”>等.

當(dāng)Event對(duì)象的cancelable為false時(shí),表示沒有默認(rèn)行為,

這時(shí)即使有默認(rèn)行為,調(diào)用 preventDefault 也是不會(huì)起作用的。

關(guān)于“JavaScript怎么阻止事件冒泡和阻止瀏覽器默認(rèn)行為”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“JavaScript怎么阻止事件冒泡和阻止瀏覽器默認(rèn)行為”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。