preventDefault() 方法使用，preventdefault使用

preventDefault() 方法使用，preventdefault使用
preventDefault() 方法

Event 對象

定義和用法

取消事件的預設動作。

文法

event.preventDefault()

說明

該方法將通知 網頁瀏覽器不要執行與事件關聯的預設動作（如果存在這樣的動作）。例如，如果 type 屬性是 "submit"，在事件傳播的任意階段可以調用任意的事件控制代碼，通過調用該方法，可以阻止提交表單。注意，如果 Event 對象的 cancelable 屬性是 fasle，那麼就沒有預設動作，或者不能阻止預設動作。無論哪種情況，調用該方法都沒有作用。

preventDefault方法就是可以阻止它的預設行為的發生而發生其他的事情。

JS阻止連結跳轉

<script type="text/javascript">

12345678910111213141516

function stopDefault(e) {      if (e && e.preventDefault) {        e.preventDefault();    }else{        window.event.returnValue = false;    }    return false;}</script><a href="http://www.test.com" id="test">測試</a><script type="text/javascript">var test = document.getElementByIdx_x('test');test.onclick = function(e) {    alert('URL：' +this.href + ', 不會跳轉');   stopDefault(e);}

</script>

此時點選連結，不會開啟url，只彈出一個對話方塊。