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>