Heim > Web-Frontend > js-Tutorial > So realisieren Sie die Koexistenz von Einzelklick und Doppelklick in javascript_javascript-Kenntnissen

So realisieren Sie die Koexistenz von Einzelklick und Doppelklick in javascript_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:27:27
Original
1489 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode von Javascript, um die Koexistenz von Einzelklick und Doppelklick zu erreichen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Im Prozess der Webentwicklung stoßen wir häufig auf ein solches Problem, nämlich das Registrieren eines Doppelklick-Ereignisses für einen Link oder das gleichzeitige Registrieren eines Klick- oder Doppelklick-Ereignisses auf einer Schaltfläche oder einem anderen Element Wir haben festgestellt, dass das Doppelklick-Ereignis in den Webseiten-Ereignissen nie zu funktionieren scheint, da es beim einmaligen Klicken von einem Hyperlink oder einem Klick-Ereignis abgefangen wird. Dieser Artikel beschreibt eine spezifische Methode zur Lösung dieses technischen Problems. Das Implementierungsprinzip dieser Lösung besteht darin, dass sowohl Einzelklick- als auch Doppelklickereignisse dieselbe Methode aufrufen. Wir bestimmen anhand der Zeit zwischen zwei Mausklicks, ob es sich um ein Einzelklick- oder Doppelklickereignis handelt. Wenn das Klickereignis eintritt, rufen Sie es nicht zuerst auf, sondern warten Sie eine kurze Zeit. Wenn nach dieser Zeit der nächste Klick nicht erfolgt, rufen Sie die entsprechende Operation des Klicks auf. Wenn es einen nächsten Klick gibt, Rufen Sie den Doppelklick auf.
Für eine detaillierte Beschreibung tragen Sie sich bitte in die Codeliste unten ein:

Code kopieren Der Code lautet wie folgt:

 
  Javascript 实现单击和双击并存
 
 
 
 
 

 
 


                            onclick=" handleWisely(event.type)"
                ondblclick=" handleWisely(event.type)"
                style=" Farbe: Blau; Schriftfamilie: Arial; Cursor: Hand" >
          点击一下看看结果:
     

     


       
     
         
             
                 
                    Beispiel:
                 
             
             
                 
                     
                 
             
         
     
 

希望本文所述对大家的javascript程序设计有所帮助.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage