Question

Is there a way to disable (with CSS, JS or jQuery) double-click for a given element?

The problem with Opera is that it displays a menu when I click on an element too fast. Note that I know how to disable this for me. I’d like to be able to disable this for all user that use the script.

The buttons in question are “next”/”previous” buttons and I use input type image for them, but the same happens with “a”.

Answer 1

It turended out I need this:

/**
    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;});
        }
    });
}

And then I could disable text selection on my button elements like this:

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

And now I can click buttons fast as hell and all works fine :-).