Clic et double-clic

Soyez le premier à donner votre avis sur cette source.

Vue 2 721 fois - Téléchargée 340 fois

Description

Clic et double-clic

Bonjour,

Voici un petit code qui montre comment gérer rigoureusement les clics et doubles-clics sur un même élément.

En précisant
  ondblclick='DblClk(this)' onclick='SngClk(this)'
pour un élément HTML, et en double-cliquant sur cet élément, les navigateurs effectuent en général d'abord la procédure correspondant à un simple clic SngClk(this), et seulement après celle correspondant au double clic SngClk(this).

En spécifiant
  onclick='NewClick(this,SngClk,DblClk)'
où SngClk et DblClk sont les procédures correspondants au simple clic et au double click, on évite d'effectuer les deux taches en cas de double clic:
function NewClick(e,Sng,Dbl) {
  function Att() {
    if (e.getAttribute('New-Clk')) Sng(e);
    e.removeAttribute('New-Clk');
  }
  if (e.getAttribute('New-Clk')) {Dbl(e); e.removeAttribute('New-Clk');}
  else {e.setAttribute('New-Clk',1); setTimeout(Att,300);}
}


Le zip vous donne un code Html qui vous permet de tester les différentes situations.

Bonne lecture ...

Liens:
how to differentiate single click event and double click event?
How to handle single and double click events separately in javascript
Bind Different Events to Click and Double Click

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.