JavaScript取消瀏覽器預設動作

預設動作,是指瀏覽器所執行的使用者沒有明確指定的操作。對於某些HTML標籤,瀏覽器總是會有一個預設的動作。

http://www.baidu.com

點擊上面的鏈接,瀏覽器會彈出窗口,進入百度首頁。這個動作,就是瀏覽器的預設動作:點選一個<a>標籤,會轉向目標頁面。

其他瀏覽器預設動作包括 點擊提交按鈕提交表單、點擊重置按鈕重置表單、把滑鼠移到帶有title屬性的元素上出現提示 等。

瀏覽器的預設動作是可以透過 JavaScript 來取消的。

對於遵循W3C 規範的瀏覽器,使用event 物件的 preventDefault() 方法來取消預設動作;但是IE8.0 及其以下版本不支援此方法,它透過對event 物件的 returnValue 屬性賦值false來取消預設動作。

取消<a>標籤的預設動作。

<html>
<head>
<title>取消<a>标签的默认动作</title>
</head>
<body>
<a id="demo" href="http://www.baidu.com" target="_blank">点击这里试试</a>
<script type="text/javascript">
    document.getElementById("demo").onclick=function(e){
        var eve = e || window.event;
        try{  // 使用 try...catch 语句避免浏览器出现错误提示
            eve.preventDefault();  // 非 IE 浏览器
        }catch(e){
            eve.returnValue = false;  // IE8.0 及其以下版本
        }
    }
</script>
</body>
</html>


繼續學習
||
<html> <head> <title>取消<a>标签的默认动作</title> </head> <body> <a id="demo" href="http://www.baidu.com" target="_blank">点击这里试试</a> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; try{ // 使用 try...catch 语句避免浏览器出现错误提示 eve.preventDefault(); // 非 IE 浏览器 }catch(e){ eve.returnValue = false; // IE8.0 及其以下版本 } } </script> </body> </html>