Heim >Web-Frontend >HTML-Tutorial >Das Ereignisattribut ondblclick, das ausgelöst wird, wenn die Maus auf ein Element in HTML doppelklickt

Das Ereignisattribut ondblclick, das ausgelöst wird, wenn die Maus auf ein Element in HTML doppelklickt

黄舟
黄舟Original
2017-11-06 09:49:405573Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn