使用javascript或jquery禁用鼠标双击

Question

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

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

注意:

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

Answer 1

它应该是这样的

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

Answer 2

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

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

现在javascript

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

编辑

因为你更关心双击,你可以用来dblclick代替click

Answer 3

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

\n\n

\r\n

\r\n

document.addEventListener(\xe2\x80\x83\'dblclick\', function(event) {\xe2\x80\x83\xe2\x80\x83\r\n    alert("Double-click disabled!");\xe2\x80\x83\xe2\x80\x83\r\n    event.preventDefault();\xe2\x80\x83\xe2\x80\x83\r\n    event.stopPropagation();\xe2\x80\x83\r\n  }, \xe2\x80\x83true //capturing phase!!\r\n);

\r\n

\r\n

\r\n

\n