阻止a標籤的跳轉,a標籤自動跳轉引起的錯誤

sxb_sunday發表於2024-04-30

<a href="https://www.google.com">示例:點選跳轉谷歌</a>

<pre><code><a href="https://www.google.com">示例:點選跳轉谷歌</a></code></pre>

像這種a標籤,有預設的點選事件,點選之後會跳轉到href裡面定義的網址去,有時候不想a標籤預設的點選事件生效(因為可能會造成錯誤,比如系統有token的check之類的情況或者只是想用a標籤的樣式,而不需要它的跳轉功能),可以有下面兩種方法

<a href="javascript:void(0);"></a>
# 推薦這種方法,這種情況下,滑鼠點選,按住ctrl再點選滑鼠,點選滑鼠中鍵,右鍵新標籤頁開啟等等都會無效
<a href="#" onclick="return false"></a>
# 這種寫法不能阻止右鍵選項的新標籤頁開啟

示例:方法一

示例:方法二

相關文章