Question

我有一个表格，其中我有一些文本框，下面有一个表格。当我双击表格行时，它会带我到另一页。

现在的问题是，如果我双击文本框也会转到另一个页面，所以，我需要在这个文本框上禁用鼠标点击，并使用tr作为标题，另一个tr用于data.when我点击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();
})

修改

由于您更关注双击，您可以使用dblclick代替click

Answer 3

从here

获得以下代码

用于在网页上禁用双击事件的jQuery代码。

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

以上jQuery代码将禁用网页上所有控件的双击事件。如果您想要禁用特定控件，请使用ID＆＃34; btnSubmit＆＃34;然后，

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

Answer 4

如果要禁用任何鼠标单击操作，请使用addEventListener（event，function，useCapture）。

Onclick，调用此函数。

有关详细信息，请参阅： https://www.w3schools.com/jsref/met_element_addeventlistener.asp

Answer 5

正如here所述，使用捕获阶段事件监听器：

＆＃13;

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

＆＃13;

使用javascript或jquery禁用鼠标双击

5 个答案: