在很多時候,我們需要改變這些預設操作,比如:點擊一個連結時,我們執行一些 ajax 操作,但是我們並不希望執行跳轉動作,於是,就有了本文:阻止瀏覽器預設操作。
其實這並不是一個非常難的課題,單獨拿出來的原因還是瀏覽器安全色問題:
複製代碼 代碼如下:
<script type="text/javascript">
// 說明:Javascript 中阻止瀏覽器預設操作
// 作者: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>
使用樣本:
雲棲社區 <script type="text/javascript"> var test = document.getElementById('testLink'); test.onclick = function(e) { alert('我的連結地址是:' + this.href + ', 但是我不會跳轉。'); stopDefault(e); } 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需重新整理才能執行]