阻止事件(取消瀏覽器對(duì)事件的默認(rèn)行為并阻止其傳播)
更新時(shí)間：2013年11月03日 17:02:20 作者：
取消瀏覽器對(duì)事件的默認(rèn)行為(響應(yīng))(比如a標(biāo)簽的跳轉(zhuǎn)等)并停止事件的繼續(xù)傳播，下面有一個(gè)不錯(cuò)的示例大家可以感受下
取消瀏覽器對(duì)事件的默認(rèn)行為（響應(yīng)）（比如<a>標(biāo)簽的跳轉(zhuǎn)等）并停止事件的繼續(xù)傳播。
實(shí)現(xiàn)代碼
function stopEvent (evt) {
var evt = evt || window.event;
if (evt.preventDefault) {
evt.preventDefault();
evt.stopPropagation();
} else {
evt.returnValue = false;
evt.cancelBubble = true;
}
}
只阻止事件繼續(xù)傳播（不取消默認(rèn)行為）
function stopEvent (evt) {
var evt = evt || window.event;
if (evt.stopPropagation) {
evt.stopPropagation();
} else {
evt.cancelBubble = true;
}
}
只取消默認(rèn)行為（不阻止事件的繼續(xù)傳播）
function stopEvent (evt) {
var evt = evt || window.event;
if (evt.preventDefault) {
evt.preventDefault();
} else {
evt.returnValue = false;
}
}
實(shí)現(xiàn)代碼
復(fù)制代碼 代碼如下:
function stopEvent (evt) {
var evt = evt || window.event;
if (evt.preventDefault) {
evt.preventDefault();
evt.stopPropagation();
} else {
evt.returnValue = false;
evt.cancelBubble = true;
}
}
只阻止事件繼續(xù)傳播（不取消默認(rèn)行為）
復(fù)制代碼 代碼如下:
function stopEvent (evt) {
var evt = evt || window.event;
if (evt.stopPropagation) {
evt.stopPropagation();
} else {
evt.cancelBubble = true;
}
}
只取消默認(rèn)行為（不阻止事件的繼續(xù)傳播）
復(fù)制代碼 代碼如下:
function stopEvent (evt) {
var evt = evt || window.event;
if (evt.preventDefault) {
evt.preventDefault();
} else {
evt.returnValue = false;
}
}
相關(guān)文章
JavaScript生成器函數(shù)Generator解決異步操作問(wèn)題
這篇文章主要為大家介紹了JavaScript生成器函數(shù)Generator解決異步操作問(wèn)題示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
這篇文章主要介紹了如何利用HTML+CSS+JS模仿Windows實(shí)現(xiàn)桌面主題特效，文中的示例代碼講講詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-06-06
完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動(dòng)的問(wèn)題
下面小編就為大家分享一篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動(dòng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章主要介紹了深入淺析JavaScript中的scrollTop的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了JavaScript從數(shù)組中刪除指定值元素的方法,實(shí)例分析了兩種常用的javascript操作數(shù)組指定元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了js?面向?qū)ο?需要的朋友可以參考下2023-05-05
JavaScript實(shí)現(xiàn)的多種鼠標(biāo)拖放效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的多種鼠標(biāo)拖放效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法示例
這篇文章主要介紹了js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法,涉及javascript使用for循環(huán)遍歷json對(duì)象屬性值的簡(jiǎn)單操作技巧,需要的朋友可以參考下2019-06-06
Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下2013-11-11