Heim > häufiges Problem > Welches Ereignis ist Mousedown?

Welches Ereignis ist Mousedown?

(*-*)浩
Freigeben: 2019-06-22 11:21:57
Original
10171 Leute haben es durchsucht

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.

Welches Ereignis ist Mousedown?

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>
Nach dem Login kopieren

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!

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