使用javascript或jquery禁用鼠标双击

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

现在的问题是，如果我双击文本框也会转到另一个页面，所以，我需要禁用鼠标点击这个文本框，并使用tr作为标题和另一个tr的数据。当我点击tr标题也应该不行。

注意：

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

Answer 1

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

现在javascript

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

编辑

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

Answer 2

它应该是这样的

 $（ 'myTextBox'）。DBLCLICK（function（E）{ 
     e.preventDefault（）;
 }）

Answer 3

从这里得到以下代码

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

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

上面的jQuery代码将禁用网页上所有控件的双击事件。 如果你想禁用特定控件，那么让我们说一个ID为“btnSubmit”的按钮，

 $(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

如此处所述，使用捕获阶段事件侦听器：

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