Heim >Web-Frontend >HTML-Tutorial >Das Ereignisattribut ondblclick, das ausgelöst wird, wenn die Maus auf ein Element in HTML doppelklickt
Instanz
Wenn die Maustaste auf die Schaltfläche doppelklickt, wird ein Abschnitt von JavaScript ausgeführt:
<button ondblclick="copyText()">Copy Text</button>
Browser unterstützt
IE
Firefox
Chrome
Safari
Opera
Alle gängigen Browser unterstützen das ondblclick-Attribut.
Definition und Verwendung
ondblclick-Attribut wird ausgelöst, wenn die Maus auf das Element doppelklickt.
Hinweis: Das ondblclick-Attribut gilt nicht für die folgenden Elemente: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89.
Unterschiede zwischen HTML 4.01 und HTML5
Keine.
Syntax
<element ondblclick="script">
Attributwert
值 | 描述 |
script | 发生 ondblclick 时运行的脚本。 |
In einem aktuellen Projekt stieß ich auf die Notwendigkeit, 2 onclick und ondblclick hinzuzufügen dasselbe DOM-Element Ereignis , wenn Sie die Verarbeitung auf normale Weise hinzufügen, stellt sich heraus, dass nur onclick ausgeführt wird,
ondblclick wird zu diesem Zeitpunkt nicht ausgeführt Zwei Ereignisverarbeitungsfunktionen können nebeneinander existieren. Der Code lautet wie folgt:
<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>
Das obige ist der detaillierte Inhalt vonDas Ereignisattribut ondblclick, das ausgelöst wird, wenn die Maus auf ein Element in HTML doppelklickt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!