2009-10-27 178 views
11

什麼是阻止我的onclick鏈接導致頁面跳轉到頂部的最佳方式。阻止onclick頁面跳轉

<a name="point1"> 
<a href="#point1" onclick="blahblah"> 

<a href="javascript:" onclick="blahblah"> 

<a href="javascript:null;" onclick="blahblah"> 

還是別的什麼?

+0

我知道這是不是你問什麼了,但你可以只不使用'onclick'。 示例:FOO 2013-08-19 14:24:42

回答

26

我總是用

<a href="javascript:void(0)" onclick="blahblah"> 
+0

適合我! '返回false;'出於某種原因沒有工作,但是這有訣竅。謝謝。 – 2011-05-29 19:00:42

+0

完美的作品!剛剛來到這裏找出 – DirtyBirdNJ 2011-07-08 18:43:41

+0

imo這不是HTML5友好 – andrei 2012-12-30 22:25:07

0

也許這會做詭計?

<a href="javascript: return false;" onclick="blahblah"> 
4

選舉中的 'onClick' 假阻止頁面跳轉

<a href="#" onclick="someFunction(); return false;">blah</a> 
+0

嘗試使用此:onClick =「submitComment('+ [id] +'); this.onclick = null;返回false;但它不起作用 – ian 2009-10-27 16:16:14

+0

奇怪,返回false應該防止默認如果您只嘗試onclick ='return false;',它會起作用嗎? – Vertigo 2009-10-27 16:20:00

+0

嘗試將onClick改爲onclick。根據MIME類型的不同,onClick和onclick可以被解釋爲兩個不同的屬性 – Xavi 2009-10-27 16:25:42

3

試試這個:

<a href="#" onclick="func(); return false;">link</a> 

注意,onclick參數返回false。返回false將取消默認的瀏覽器行爲。在錨標記的情況下,默認的瀏覽器行爲是跳轉到#定位點(又名頁面頂部)。

與此相同的技巧也可以使圖像未拖動,並確保鏈接不竊取用戶的焦點:

<img src="coolios.jpg" onmousedown="return false" /> <!-- un-draggable image --> 
<a href="stuff.html" onmousedown="return false">link that doesn't steal focus</a>