Double Click JavaScript Lock

Question

I am currently working on a slide gallery. My problem is that when I click on the navigation divs very quickly, the default behavior for browsers is triggered (content selection).

My question is: how can I suppress default double click behavior?

navigationDiv.onclick = function () {
  // do something
};

JQuery solution would also be suitable since I use it.

Thanks in advance!

Answer 1

$("yourselector").dblclick(function(){
    return false;
});

You can also use event.preventDefault ()

$("yourselector").dblclick(function(event){
    event.preventDefault();
});

Answer 2

You can try to disable the onselectstart event of the target element.

navigationDiv.onselectstart=function(){return false}

Not sure if this is compatible with x-browser. (I'll check it)

Edit
, IE. Mozilla, CSS- -moz-user-select. JavaScript, :

navigationDiv.style.MozUserSelect="none"

, , , .

Answer 3

FYI, Firefox Safari/Chrome, CSS:

.navigationDiv {
    -moz-user-select: none;             
    -webkit-user-select: none;  
}

, , , .

Answer 4

return false; .

Answer 5

dblclick false false?

 $('.someStuff').bind('dblclick', function() { return false; });

Answer 6

ondblclick:

navigationDiv.ondblclick = function () { 
  return false;  // cancel default
}; 

http://www.quirksmode.org/js/events_mouse.html

Answer 7

:

navigationDiv.ondblclick = function (event) {
  // do something
  if (!event) event = window.event;
        if (event.preventDefault) 
            event.preventDefault();
        else 
            event.returnValue = false;

};

IE Mozilla.

Answer 8

event.preventDefault() dblclick- , BEING CLICKED, .

, , . 2 :

1. , : window.getSelection(). Empty(). , , Opera ("", "").
2. e.PreventDefault() dblclick.