Mousedown
Wenn sich der Mauszeiger über das Element bewegt und die Maustaste (entweder die linke oder rechte Taste) gedrückt wird, tritt das Mousedown-Ereignis auf.
Im Gegensatz zum Click-Ereignis erfordert das Mousedown-Ereignis nur das Drücken der Taste und muss nicht losgelassen werden, um ausgeführt zu werden.
Mouseup (empfohlenes Lernen: JavaScript-Video-Tutorial)
Beim Loslassen der Maustaste auf einem Element (entweder Links- oder Rechtsklick), das Mouseup-Ereignis wird ausgeführt.
Im Gegensatz zum Click-Ereignis erfordert das Mouseup-Ereignis nur das Loslassen der Schaltfläche. Dieses Ereignis wird ausgelöst, wenn die Maustaste losgelassen wird, wenn sich der Mauszeiger über dem Element befindet.
Klick
Ein Klickereignis tritt auf, wenn der Mauszeiger über einem Element bleibt und dann die linke Maustaste gedrückt und wieder losgelassen wird.
Hinweis: Voraussetzung für das Auslösen des Klickereignisses ist das Drücken und Loslassen der linken Maustaste! Wenn Sie die rechte Maustaste drücken und wieder loslassen, wird das Klickereignis nicht ausgelöst.
Die auslösende Reihenfolge der drei Ereignisse
Wenn Sie die linke Maustaste auf demselben Element drücken und wieder loslassen, werden nacheinander MouseDown, MouseUp und Klicken ausgelöst . Das vorherige Das nächste Ereignis wird erst ausgeführt, wenn das Ereignis ausgeführt wird.
Wenn Sie die rechte Maustaste auf demselben Element drücken, werden nacheinander Mousedown und Mouseup ausgelöst. Das nächste Ereignis wird nicht ausgeführt ausgeführt werden, bis das vorherige Ereignis ausgeführt wird.
Beispiel: Wenn die Maustaste gedrückt wird, wird das Element ausgeblendet oder angezeigt:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").mousedown(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>切换</button> </body> </html>
Für weitere js Verwandte technische Artikel finden Sie in der Spalte JS-Tutorial zum Lernen!
Das obige ist der detaillierte Inhalt vonWelches Ereignis ist Mousedown?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!