JavaScript supprime le double clic de sélection

Question

Je travaille sur une galerie de diapositives pour le moment. Mon problème est que lorsque je clique sur les divs de navigation très rapidement, le comportement par défaut des navigateurs est déclenché (sélection du contenu).

Ma question est: comment puis-je supprimer le comportement de double-clic par défaut?

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

Une solution jQuery serait également appropriée puisque je l'utilise.

Merci d'avance!

Answer 1

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

Vous pouvez également utiliser event.preventDefault()

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

Answer 2

La mise à return false; à la fin du gestionnaire d'événements devrait être capable de supprimer le comportement de sélection par défaut.

Answer 3

Vous pourriez essayer de rendre le retour d'événement "dblclick" faux?

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

Answer 4

Annuler l'événement ondblclick:

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

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

Answer 5

Vous pouvez essayer de désactiver l'événement onselectstart de l'élément cible.

navigationDiv.onselectstart=function(){return false} 

Vous ne savez pas s'il s'agit d'un navigateur compatible x. (Je vais vérifier) ​​

Modifier
avère que c'est un événement IE uniquement. Pour accomplir la même chose dans Mozilla, vous devez désactiver le style CSS -moz-user-select. JavaScript qui serait:

navigationDiv.style.MozUserSelect="none" 

Pour être honnête, je pense que vous seriez mieux désactiver l'événement double-cliquez sur, comme décrit dans les autres commentaires ici.

Answer 6

assez simple:

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

}; 

Cela fonctionne sur les navigateurs IE et Mozilla.

Answer 7

Juste Pour votre information, dans Firefox et Safari/Chrome, la sélection peut être désactivée via CSS, aussi:

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

Je pense que cela est plus simple quand votre but est seulement d'empêcher les sélections d'avoir lieu sur un certain élément.