#JavaScript# 阻止事件的默認行爲

A標籤的默認行爲及阻止

A標籤的默認行爲有:javascript

  1. 超連接:點擊A標籤能夠實現頁面的跳轉
  2. 錨點定位:經過hash值定位到當前頁面制定ID盒子的位置。

在項目中,若是咱們想用A標籤作一個按鈕(優勢:它的:hover樣式是兼容全部瀏覽器的),此時須要阻止上面的2個默認行爲。java

<a href="wwww.baidu.com">baidu</a>
<a href="wwww.baidu.com" target="_blank">baidu</a>

//阻止A標籤的默認行爲,第一種
<a href="javascript:;"></a>
<a href="javascript:void 0;"></a>


//阻止A標籤的默認行爲,第二種(優化SEO)
<a href="www.baidu.com" id='link'></a>
link.onclick = function(){
//當點擊A標籤的時候,首先會觸發click事件,其次會按照href的地址進行頁面跳轉
    return false;//函數中返回false,並且只能是false  才能夠組織默認行爲。
}

//阻止A標籤的默認行爲,第三種(經過事件對象阻止默認行爲)
link.onclick = function(){
    e=e||window.event;
    e.preventDefault? e.preventDefault():e.returnValue=false;
}
相關文章
相關標籤/搜索