Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Definition und Verwendung des jQuery-Ereignisses dblclick
Übersicht
Löst das dblclick-Ereignis für jedes passende Element aus.
Diese Funktion ruft alle an das dblclick-Ereignis gebundenen Funktionen auf und führt sie aus, einschließlich des Standard-Verhaltens des Browsers. Sie können verhindern, dass das Standardverhalten des Browsers ausgelöst wird, indem Sie in einer gebundenen Funktion „false“ zurückgeben. Das dblclick-Ereignis wird ausgelöst, wenn an derselben Stelle auf ein Element doppelgeklickt wird.
Parameter
fnFunctionV1.0
Die Handlerfunktion, die im dblclick-Ereignis jedes übereinstimmenden Elements gebunden ist.
[data],fnString,FunctionV1.4.3
data:dblclick([Data], fn) kann Daten zur Verarbeitung durch die Funktion fn übergeben.
fn: Die Handlerfunktion, die im dblclick-Ereignis jedes übereinstimmenden Elements gebunden ist.
Beispiel
Beschreibung:
Verknüpfen Sie „Hallo Welt!“ mit dem Doppelklick-Ereignis jedes Absatzes auf der Seite Benachrichtigungsfeld
jQuery Code:
$("p").dblclick( function () { alert("Hello World!"); });
Instanz
Ein- oder Ausblenden des Elements bei Doppelklick auf die Schaltfläche:
$("button").dblclick(function(){ $("p").slideToggle(); });
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").dblclick(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>请双击此处</button> </body> </html>
Definition und Verwendung
Wenn auf ein Element doppelgeklickt wird, tritt das dblclick-Ereignis auf. Ein Klick erfolgt, wenn sich der Mauszeiger über einem Element befindet und die linke Maustaste gedrückt und wieder losgelassen wird. Treten innerhalb kurzer Zeit zwei Klicks auf, handelt es sich um ein Doppelklick-Ereignis. Die dblclick()-Methode löst das dblclick-Ereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das dblclick-Ereignis auftritt. Tipp: Es können Probleme auftreten, wenn dblclick- und click-Ereignisse auf dasselbe Element angewendet werden.
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").dblclick(function(){ $("p").slideToggle(); }); $("p").click(function(){ $("button").dblclick(); }); }); </script> </head> <body> <button>请双击这里</button> <p>点击本段落会触发上面这个按钮的 dblclick 事件。</p> </body> </html>
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Definition und Verwendung des jQuery-Ereignisses dblclick. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!