javascript - onclick 和 ondblclick 不能一起工作

Question

我的 jqgrid header 中有一个 mastercheckbox

<input type="checkbox" id="masterCheckBox"  ondblclick="onDoubleClick(event,assetSearchResults,this)" onclick="masterCheckBoxChecked(event,assetSearchResults,this)"/>

当我只放置 onclick 或 ondblclick 时，会调用相应的方法。但是当我同时拥有 onclick 和 ondblclick 时，只会调用 onclick 方法。我什至不能双击复选框。如何同时处理单个复选框的 onclick 和 ondblclick？

下面是单击和双击的方法。我也给了超时。但是我无法捕获双击事件。

var timer=;

    function onDoubleClick(e,table,obj){
            clearTimeout(timer);
            alert('Double click');
            }

            function masterCheckBoxChecked(e,table,obj){
                 document.getElementById("masterCheckBox").checked=true;

                 if (timer) clearTimeout(timer);
                 timer = setTimeout(function() { alert('Single'); }, 150);   
                 alert(timer);

                 }

Answer 1

快速引用:

It is inadvisable to bind handlers to both the click and dblclick events for the same element. The sequence of events triggered varies from browser to browser, with some receiving two click events before the dblclick and others only one. Double-click sensitivity (maximum time between clicks that is detected as a double click) can vary by operating system and browser, and is often user-configurable.

jQuery 引用:http://api.jquery.com/dblclick/

所以我认为如果您重新考虑您的实际 UI，只使用一个单击事件和其他控件来处理您的需求，那会更好；例如，在点击处理程序上打开一个包含可能操作的菜单。