javascript - 选择标签的双击事件。 Firefox 的问题

Question

我有一个select 元素，我需要在我双击 时触发一个事件。这是html代码

<select  class='my_field' unselectable='on'  onselectstart='return false;' onmousedown='return false;'>
<option value="test">test</option>
</select> 

这是 JavaScript 代码

 $( document ).ready(function() {


         $(".my_field").dblclick(function(e)
             {
             alert('double click');
             });

});

在 IE 或 Chrome 等浏览器中，此事件正常运行。 但不是在 Firefox 中。

我准备了一个jsfiddle .在这个 jsfiddle 中，我还添加了一个文本输入，以表明该事件适用于选择标签以外的字段，甚至在 FF 中。

Answer 1

我不确定 dblclick 是否是标准事件。

但是您可以使用更多代码轻松实现它(未测试):

$(document).ready(function(){
    (function(){ // Closure. Not needed if this is the only code.
        var dblClickMs = 1000; // One second. Adjust at your needings.
        var fld = $(".my_field");
        var t0 = 0;

        fld.on("click", function(){
            var t = (new Date()).getTime();
            if (t - t0 <= dblClickMs) {
                alert('double click');
            } else {
                t0 = t;
            };
        });
    })();
});