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
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!