使用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