使用中點擊觸發onclick事件

Question

我正在使用散列鏈接的onclick事件作爲彈出窗口打開<div>。但是中間點擊不會觸發onclick事件，但只會獲取鏈接的href屬性值並將該URL加載到新頁面中。我如何使用中間點擊來打開<div>作爲彈出窗口？

Answer 1

請求的答案是正確的，但它聽起來像要防止中間點擊的默認操作。在這種情況下，請包括以下內容

$("#foo").on('click', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
     alert("middle button"); 
    } 
}); 

preventDefault()將停止事件的默認操作。

Answer 2

您可以使用

event.button

，以確定被點擊哪一個鼠標按鍵。

返回一個整數值，指示更改狀態的按鈕。

• 0標準的「點擊」，通常左鍵
• 1中間的按鈕，通常車輪單擊
• 2右鍵，通常用鼠標右鍵單擊

注意，這個慣例在Internet Explorer中未遵循：有關詳細信息，請參閱 QuirksMode。

根據指針設備的配置方式，按鈕的順序可能不同。

又讀

Which mouse button has been clicked?

有兩個屬性尋找 出哪一個鼠標按鍵一直 點擊：這和按鈕。請注意0​​這些屬性並不總是 工作在點擊事件上。爲了安全 檢測鼠標按鈕，你必須使用 mousedown或mouseup事件。

Answer 3

jQuery提供在從左至右爲1，2，3，在這種情況下，你要給人的點擊按鈕的ID的事件.which屬性2

用法：

$("#foo").live('click', function(e) { 
    if(e.which == 2) { 
     alert("middle button"); 
    } 
}); 

的adamantium的回答也將工作，但需要注意IE，他指出：

$("#foo").live('click', function(e) { 
    if((!$.browser.msie && e.button == 1) || ($.browser.msie && e.button == 2)) { 
    alert("middle button"); 
    } 
}); 

還記得.button屬性是0索引而不是1索引像.which。

Answer 4

正確的方法是使用.on，爲.live已經從jQuery的棄用，然後刪除：

$("#foo").on('click', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
     alert("middle button"); 
    } 
}); 

或者，如果你想在「現場」般的感覺和#foo不在網頁上文件開始：

$(document).on('click', '#foo', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
     alert("middle button"); 
    } 
}); 

original answer

Answer 5

我知道我遲到了派對，但對於那些在處理中間點擊時仍然有問題的人，請檢查您是否委派了該事件。在委派的情況下，click事件不會觸發。比較：

這適用於中間點擊：

$('a').on('click', function(){ 
    console.log('middle click'); 
}); 

這並不適用於中點擊工作：

$('div').on('click', 'a', function(){ 
    console.log('middle click'); 
}); 

如果您仍然需要使用跟蹤中間點擊事件代表團，如相應的jQuery ticket中所述的唯一方法是使用mousedown或01改爲。像這樣：

這適用於委託中間點擊：

$('div').on('mouseup', 'a', function(){ 
    console.log('middle click'); 
}); 

See it online here。

Answer 6

這個問題是有點老了，但我找到了解決辦法：

$(window).on('mousedown', function(e) { 
    if(e.which == 2) { 
     e.preventDefault(); 
    } 
}); 

瀏覽器不火的「點擊」事件鼠標滾輪

在FF和Chrome

工作

Answer 7

我通常當人們提供替代方案而不是解決方案時討厭，但是由於已經提供瞭解決方案，我將打破我自己的規則。

中間點擊功能被覆蓋的網站往往真的，真的讓我煩惱。我通常是中間點擊，因爲我想在新標籤中打開新內容，同時對當前內容進行無障礙視圖。任何時候，您都可以單獨保留中間點擊功能，並通過單擊元素的HREF屬性使相關內容可用，我堅信您應該這樣做。