Element : évènement dblclick

L'évènement dblclick se déclenche à partir d'un élément lorsqu'un bouton d'un dispositif de pointage est double-cliqué (c'est-à-dire qu'on clique deux fois sur le méme élément dans un temps très court).

dblclick se déclenche après deux évènements click (et, par extension, après deux paires d'évènements mousedown et mouseup).

Se propage/remonte dans le DOM Oui
Annulable Oui
Interface MouseEvent
Propriété pour la gestion d'évènements ondblclick

Exemples

Dans cet exemple, on modifie la taille d'une tuile lorsqu'on double-clique dessus.

JavaScript

const card = document.querySelector('aside');

card.addEventListener('dblclick', function (e) {
  card.classList.toggle('large');
});

HTML

<aside>
  <h3>Une tuile</h3>
  <p>Double-cliquer pour redimensionner cet objet.</p>
</aside>

CSS

aside {
  background: #fe9;
  border-radius: 1em;
  display: inline-block;
  padding: 1em;
  transform: scale(.9);
  transform-origin: 0 0;
  transition: transform .6s;
}

.large {
  transform: scale(1.3);
}

Résultat

Spécifications

Spécification État
UI Events
La définition de 'dblclick' dans cette spécification.
Version de travail
Document Object Model (DOM) Level 3 Events Specification
La définition de 'dblclick' dans cette spécification.
Obsolete

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
dblclick eventChrome Support complet 1Edge Support complet 12Firefox Support complet 6
Notes
Support complet 6
Notes
Notes Starting in Firefox 68, dblclick events are only sent for the primary mouse button, per the specification.
IE Support complet 11Opera Support complet 11.6Safari Support complet 3WebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 6Opera Android Support complet 12.1Safari iOS Support complet 1Samsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi