Maison >interface Web >tutoriel HTML >L'attribut d'événement ondblclick qui est déclenché lorsque la souris double-clique sur un élément en HTML

L'attribut d'événement ondblclick qui est déclenché lorsque la souris double-clique sur un élément en HTML

黄舟
黄舟original
2017-11-06 09:49:405574parcourir

Instance

Lorsque le bouton de la souris est double-cliqué, une section de JavaScript est exécutée :

<button ondblclick="copyText()">Copy Text</button>

Le navigateur prend en charge


IE

Firefox

Chrome

Safari

Opéra


Tous les principaux navigateurs prennent en charge l'attribut ondblclick.

Définition et utilisation

L'attribut ondblclick est déclenché lorsque la souris double-clique sur l'élément.

Remarque : L'attribut ondblclick ne s'applique pas aux éléments suivants : dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c , e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89

Différences entre HTML 4.01 et HTML5

Aucune.

Syntaxe

<element ondblclick="script">

Valeur d'attribut

描述
script 发生 ondblclick 时运行的脚本。

Dans un projet récent, j'ai rencontré le besoin d'ajouter 2 onclick et ondblclick sur le même élément DOM événement , si vous ajoutez un traitement de la manière normale, il s'avère que seul onclick sera exécuté,

n'exécutera pas ondblclick pour le moment, nous devons traiter légèrement le ; deux fonctions de traitement d'événements. Deux événements peuvent coexister. Le code est le suivant :

<script type="text/javascript">  
  var clickTimer = null;  
   
  function _click(){  
      if(clickTimer) {  
          window.clearTimeout(clickTimer);  
          clickTimer = null;  
      }  
        
      clickTimer = window.setTimeout(function(){  
           // your click process code here  
           alert("你单击了我");  
      }, 300);  
  }  
  
   function _dblclick(){  
      if(clickTimer) {  
          window.clearTimeout(clickTimer);  
          clickTimer = null;  
      }  
        
     // your click process code here  
     alert("你双击了我");  
  }  
</script>  
  
<button onclick="_click();" ondblclick="_dblclick();">单击或双击我</button>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn