双击选择标记的事件.火狐的问题

Question

我有一个选择元素，当我双击它时，我需要触发一个事件。这是 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等浏览器中，此事件工作正常。但不是在火狐中。

我准备了一个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;
            };
        });
    })();
});

Answer 2

我认为jQuery是完全跨浏览器的，原生JavaScript似乎可以工作，至少你不需要模仿实际的双击事件。

function doubleclick(){
    alert('double click');
}
$( document ).ready(function() {
    $(".my_field").each(function(){
        var element = this;
        if (this.addEventListener) {
            element.addEventListener('dblclick', doubleclick , false);
        } else {
            element.attachEvent('ondblclick', function() {
                return(doubleclick.call(element, window.event));   
            });
        } 
    });
});