如何防止 Ctrl + 鼠標單擊打開新標簽頁？

Question

我有一個鏈接如下

<a href="#" onclick="function1()">link</a>

和 javascript function1包括提交表單操作

現在我想使用 JavaScript 來防止Ctrl + 鼠標單擊以打開 IE(>=6)、FF 和 Chrome 鏈接上的新選項卡。

更新以修復
1.更新href="javascript:void(0)"
2. 更新 onclick="function1();return false;"

注意：我沒有使用 JavaScript 庫，例如 jQuery 或 Dojo。

Answer 1

A 標記用於鏈接或引用。 如果您主要想要一個可點擊的功能，我建議使用按鈕標簽並將其樣式設置為帶有 css 的鏈接。

例如，引導程序使用 btn-link 類執行此操作：

<button type="button" onclick="function()" class="btn btn-link">Link</button>

這比使用 span 或 div 元素有優勢，瀏覽器、搜索機器和屏幕閱讀器很清楚這應該是一個可點擊的元素。

Answer 2

[編輯]

您可以在事件的函數(onclick) 中執行任何您想做的事情，並且根本不使用 href 。 對於鼠標懸停光標效果，請使用style="cursor:pointer" 。

示例代碼：

<html>
<head>
    <title></title>
    <script type="text/javascript">
    function fn(){
        /* do something */
    }
    </script>
</head>
<body>
    <a style="cursor:pointer" onclick="fn()">1234</a>
</body>
</html>

Answer 3

如果要在單擊元素時執行函數，請使用 div 標簽而不是錨標簽

<div onclick="function1()" style="cursor:pointer">link</div>

編輯： div 標簽是一個塊元素，並將鏈接推送到新行。 正如 Jan 建議將樣式移至 CSS。 在這里使用內聯樣式以方便。

<span onclick="function1()" style="cursor:pointer">link</span>

如何防止 Ctrl + 鼠標單擊打開新標簽頁？

問題描述

3 個解決方案

解決方案1
1 2019-11-08 15:34:32

解決方案2
0 2013-06-27 02:58:01

解決方案3
0 2013-06-27 03:04:37

如何防止 Ctrl + 鼠標單擊打開新標簽頁？

問題描述

3 個解決方案

解決方案1 1 2019-11-08 15:34:32

解決方案2 0 2013-06-27 02:58:01

解決方案3 0 2013-06-27 03:04:37

解決方案1
1 2019-11-08 15:34:32

解決方案2
0 2013-06-27 02:58:01

解決方案3
0 2013-06-27 03:04:37