使用javascript或jquery禁用鼠標雙擊

Question

我有一個表格，里面有一些文本框，下面有個表格。當我雙擊表格行時，它將帶我到另一頁。

現在的問題是，如果我雙擊文本框也要轉到另一頁，那么，我需要禁用此文本框上的鼠標單擊，還使用tr作為標題和另一個tr作為數據。當我單擊tr標題時也應該不行

注意：

我有很多文本框，所以禁用每一個雙擊鼠標不是很好的解決方案。如果我僅單擊包含數據的行，則雙擊應該起作用。

Answer 1

應該是這樣

$('.myTextBox').dblclick(function(e){ 
    e.preventDefault();
})

Answer 2

將class='myClickDisabledElm'添加到要停止其點擊的所有DOM元素 。

<input type="text" class="myClickDisabledElm" />

現在javascript

jQuery('.myClickDisabledElm').bind('click',function(e){
    e.preventDefault();
})

編輯

由於您更擔心abt雙擊，因此可以使用dblclick代替click

Answer 3

至於說在這里 ，使用捕捉階段事件偵聽器：

 document.addEventListener( 'dblclick', function(event) { alert("Double-click disabled!"); event.preventDefault(); event.stopPropagation(); },  true //capturing phase!! ); 

Answer 4

從這里得到以下代碼

jQuery代碼可禁用網頁上的雙擊事件。

$(document).ready(function(){
      $("*").dblclick(function(e){
        e.preventDefault();
      });   
    });

上面的jQuery代碼將禁用網頁上所有控件的雙擊事件。 如果您想禁用特定的控件，假設一個ID為“ btnSubmit”的按鈕，

$(document).ready(function(){
      $('#btnSubmit').dblclick(function(e){
        e.preventDefault();
      });   
    });

Answer 5

如果要禁用任何鼠標單擊操作，請使用addEventListener（event，function，useCapture）。

Onclick，調用此功能。

有關更多信息，請參見此處： https : //www.w3schools.com/jsref/met_element_addeventlistener.asp