Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Definition und Verwendung des jQuery-Ereignisses dblclick

Detaillierte Erläuterung der Definition und Verwendung des jQuery-Ereignisses dblclick

黄舟
黄舟Original
2017-06-27 10:31:361701Durchsuche

Ü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!

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