在 Opera 中禁用元素的双击事件

Question

有没有办法禁用（使用 CSS、JS 或 jQuery）双击给定元素？

Opera 的问题是，当我过快地单击某个元素时，它会显示一个菜单。请注意，我知道如何为我禁用此功能。我希望能够为所有使用该脚本的用户禁用此功能。

有问题的按钮是“下一个”/“上一个”按钮，我为它们使用输入类型图像，但“a”也会发生同样的情况。

Answer 1

结果我需要这个：

/**
    Disable text selection by Chris Barr, of chris-barr.com
*/
$.fn.disableTextSelect = function() {
    return this.each(function(){
        if($.browser.mozilla){//Firefox
            $(this).css('MozUserSelect','none');
        }else if($.browser.msie){//IE
            $(this).bind('selectstart',function(){return false;});
        }else{//Opera, etc.
            $(this).mousedown(function(){return false;});
        }
    });
}

然后我可以像这样禁用按钮元素上的文本选择：

$(function(){ $('input[type=image]').disableTextSelect(); });

现在我可以快速单击按钮，一切正常:-)。

Answer 2

您不能将 click 和 dblclick 事件处理程序附加到同一元素上，因为当您 dblclick 时，这两个事件都会被触发。为了使其发挥作用，几乎没有什么解决办法。

这可能会帮助您

需要检测到双击事件时取消单击/鼠标事件

查看您的问题，有一个简单的解决方案。在单击事件处理程序中，单击后设置禁用属性或某些类名称（禁用）。在执行代码之前，在处理程序中检查此属性或类名。如果存在，则不要执行任何操作。一段时间后删除此属性或类名。试试这个

$("selector").click(function(){
   var $this = $(this);
   if(!$this.hasClass("disabled")){


       //Do you stuff here


       $this.addClass("disabled");

       setTimeout(function(){
         $this.removeClass("disabled");
       }, 200);  

   }
});

Answer 3

JavaScript 会为你做到这一点。

DOMElement.ondblclick = (function () {return false;})();