當鼠標懸停在鏈接上,在大多數瀏覽器中,它會顯示左下角(又名鉻)或狀態欄中的鏈接?我如何禁用此功能?CSS/HTML:禁用鏈接「懸停」文本
回答
要做到這一點的唯一方法是刪除'href'中的數據,並將其更改爲javascript onclick,並將window.location設置爲所需的url。
<a href="http://www.stackoverflow.com/">Go To SO</a>
成爲
<a style="cursor: pointer" onclick="javascript: window.location = 'http://www.stackoverflow.com/';">Go To SO</a>
通過JavaScript做它可能是禁用URL顯示的唯一方法,但這引起了爲什麼? URL顯示是一項有效且重要的事情,禁用它對用戶體驗不利。 – 2011-04-09 14:08:58
我同意,但這是Bubby4j想要的。我已經看到它做了很多事情(與沒有右鍵單擊的JavaScript警報相同),這不是一個好習慣,但是你不能阻止人們想要這樣做或實際上做它:) – NKCSS 2011-04-09 14:10:06
是的,我知道給OP提供最佳實踐感覺是有用的,但假設querent不知道他們在做什麼低估了他們。我正在製作一個網絡文檔,其中的鏈接mouseover文本分散注意力,因此我正在尋找這個信息。 – 2015-03-26 00:56:13
更改onclick事件:
<a href="#" id="linkid">Link</a>
<script type="text/javascript">
function changeOnClick() {
document.getElementById("linkid").onclick=function(e) {
location.href="http://www.your-site.com";
return false;
}
}
window.onload=changeOnClick;
</script>
你可以改變任何你想要的狀態欄上顯示的 「#」。
您應該在發佈之前刷新;) – NKCSS 2011-04-09 14:11:41
另一個想法:使用重定向器。
將鏈接設置爲您自己的頁面(aspx),並在該頁面中執行Response.Transfer。當使用aspx時,如果你喜歡,你可以使用屬性(在查詢字符串中),以將其用於多個鏈接。這種方式用戶仍然知道它是一個鏈接,但懸停時無法看到實際的URL。
我今天得到了同樣的問題..這裏是一個開箱即用的方式來解決這個問題:
只需更換<a>
與<span>
和隱藏的組件隱藏地址,
然後使用jQuery創建頁面重定向/ Ajax。
HTML:
<span class="fake-link" >
<span class="url" style="display:none;">www.my-url.com</span>
Go to My-URL page
</span>
的Jquery:
$(function(){
$('.fake-link').on('click', function(e){
var url = $(this).find('.url:first').html();
window.location = url;
});
});
- 1. 禁用圖像鏈接懸停強調
- 2. 禁用HTML鏈接懸停顏色
- 3. 鏈接上懸停懸停
- 4. 模糊文本鏈接懸停在jQuery?
- 5. 更改懸停在鏈接上時未懸停的鏈接文本的顏色?
- 6. 激活與鼠標懸停文本鏈接一個div懸停
- 7. :懸停影響超文本鏈接,而不是IMG鏈接
- 8. 懸停在鏈接
- 9. 懸停在其他懸停鏈接上
- 10. 禁用懸停在鏈接上,背景圖像懸停效果導致閃爍
- 11. 如何禁用鏈接懸停?我正在使用li:hover
- 12. jquery超鏈接和鼠標懸停文本 - 超鏈接不起作用
- 13. 用鏈接懸停文本列表更改圖像
- 14. 當鼠標懸停在鏈接上時禁用手形符號
- 15. 單擊鏈接時是否應禁用懸停事件?
- 16. 如何禁用活動鏈接的懸停效果?
- 17. 浮動鏈接懸停
- 18. CollapsiblePanelExtender崩潰鏈接懸停
- 19. CSS鏈接懸停動畫
- 20. 鏈接圖片懸停
- 21. :懸停鏈接不工作
- 22. CSS懸停div鏈接
- 23. 懸停在鏈接上
- 24. css圖像懸停鏈接
- 25. 跳躍懸停的鏈接
- 26. CSS鏈接懸停樣式
- 27. jQuery setTimeout懸停鏈接?
- 28. 關閉鏈接懸停
- 29. 如何停止鏈接移動懸停
- 30. CSS:錨鏈接懸停不起作用
看來你不能手動設置狀態欄文本。在這裏閱讀:https://developer.mozilla.org/en/DOM/window.status – 2011-04-09 14:10:47
對於記錄,當頁面試圖隱藏這樣的信息時,我真的討厭它作爲用戶。我敦促你重新考慮。 – kikito 2012-02-20 11:50:32