使用 javascript 或 jquery 禁用鼠标双击答案

【问题标题】：Disable mouse double click using javascript or jquery使用 javascript 或 jquery 禁用鼠标双击
【发布时间】：2011-07-11 15:35:11
【问题描述】：

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

现在的问题是，如果我双击文本框，它也会转到另一个页面，所以我需要禁用鼠标单击此文本框，并且还使用 tr 作为标题，另一个 tr 用于数据。当我单击 tr 标题时它也不应该工作。

注意：

我有很多文本框，所以让每一个双击鼠标禁用都不是一个好的解决方案。如果我只单击带有数据的行，那么双击应该可以工作。

【问题讨论】：

您必须绑定到的不仅仅是表格，否则您的文本框是表格的子项。代码会有所帮助。

标签： javascript jquery

【解决方案1】：

将class='myClickDisabledElm' 添加到要停止点击的所有 DOM 元素。

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

现在是javascript

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

编辑

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

【讨论】：

据我了解您的问题，您可以将点击替换为“dblclick”。或提供更多信息。

【解决方案2】：

应该是这样的

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

【讨论】：

【解决方案3】：

从here得到以下代码

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

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

以上 jQuery 代码将禁用网页上所有控件的双击事件。如果你想禁用特定的控制，比如说一个 ID 为“btnSubmit”的按钮，

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

【讨论】：

【解决方案4】：

如果您想禁用任何鼠标点击操作，请使用 addEventListener(event, function, useCapture) 。

Onclick，调用这个函数。

更多信息请看这里： https://www.w3schools.com/jsref/met_element_addeventlistener.asp

【讨论】：

【解决方案5】：

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

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

【讨论】：