Javascript 阻止瀏覽器默認(rèn)操作的實(shí)現(xiàn)代碼
更新時(shí)間：2009年09月08日 18:20:28 作者：
在瀏覽器事件中，會觸發(fā)一些默認(rèn)動作，比如：點(diǎn)擊一個(gè)鏈接時(shí)，執(zhí)行完捕獲／冒泡動作后，會觸發(fā)鏈接的默認(rèn)事件：跳轉(zhuǎn)到指定鏈接地址。
在很多時(shí)候，我們需要改變這些默認(rèn)操作，比如：點(diǎn)擊一個(gè)鏈接時(shí)，我們執(zhí)行一些 ajax 操作，但是我們并不希望執(zhí)行跳轉(zhuǎn)動作，于是，就有了本文：阻止瀏覽器默認(rèn)操作。
其實(shí)這并不是一個(gè)非常難的課題，單獨(dú)拿出來的原因還是瀏覽器兼容問題：
<script type="text/javascript">
// 說明：Javascript 中阻止瀏覽器默認(rèn)操作
// 作者：John Resig
function stopDefault( e ) {
// Prevent the default browser action (W3C)
if ( e && e.preventDefault )
e.preventDefault();
// A shortcut for stoping the browser action in IE
else
window.event.returnValue = false;
return false;
}
</script>
使用示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
其實(shí)這并不是一個(gè)非常難的課題，單獨(dú)拿出來的原因還是瀏覽器兼容問題：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
// 說明：Javascript 中阻止瀏覽器默認(rèn)操作
// 作者：John Resig
function stopDefault( e ) {
// Prevent the default browser action (W3C)
if ( e && e.preventDefault )
e.preventDefault();
// A shortcut for stoping the browser action in IE
else
window.event.returnValue = false;
return false;
}
</script>
使用示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
如何消除inline-block屬性帶來的標(biāo)簽間間隙
這篇文章主要介紹了如何消除inline-block屬性帶來的標(biāo)簽間間隙的相關(guān)資料,需要的朋友可以參考下2016-03-03
微信小程序-圖片、錄音、音頻播放、音樂播放、視頻、文件代碼實(shí)例
本篇文章主要介紹了微信小程序-圖片、錄音、音頻播放、音樂播放、視屏、文件代碼實(shí)例，有興趣的可以了解一下。2016-11-11
ElementPlus?Tag標(biāo)簽用法小結(jié)
這篇文章主要介紹了ElementPlus?Tag標(biāo)簽用法,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了ES6中異步對象Promise用法,對比ES5分析了ES6異步方法Promise的使用技巧,并結(jié)合實(shí)例形式分析了連續(xù)使用Promise對象、Promise捕獲錯(cuò)誤的catch()、以及Promise的高級用法,需要的朋友可以參考下2019-07-07
點(diǎn)選TOP后并不是直接跳到頁頂?shù)?，而是滾動上去的
點(diǎn)選TOP后并不是直接跳到頁頂?shù)?，而是滾動上去的...2007-02-02
JavaScript實(shí)現(xiàn)Java中StringBuffer的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Java中StringBuffer的方法,實(shí)例分析了StringBuffer類的實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2015-02-02
javascript 獲取函數(shù)形參個(gè)數(shù)
本節(jié)主要介紹了javascript獲取函數(shù)形參個(gè)數(shù)的具體實(shí)現(xiàn)，需要的朋友可以參考下2014-07-07
bootstrap 日期控件 datepicker被彈出框dialog覆蓋的解決辦法
這篇文章主要介紹了bootstrap 日期控件 datepicker被彈出框dialog覆蓋的解決辦法 ,本文給大家分享幾種解決方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07
window.print()前端實(shí)現(xiàn)網(wǎng)頁打印功能詳解
JavaScript 函數(shù)window.print()可用于打印你的應(yīng)用的內(nèi)容,但是它針對的是使用默認(rèn)打印體驗(yàn)打印顯示在屏幕上的內(nèi)容,這篇文章主要給大家介紹了關(guān)于window.print()前端實(shí)現(xiàn)網(wǎng)頁打印功能的相關(guān)資料,需要的朋友可以參考下2024-04-04
js 實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)示例解析
這篇文章主要為大家介紹了js實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07