Detaillierte Erläuterung der Definition und Verwendung des jQuery-Ereignisses dblclick-js-Tutorial-php.cn

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

黄舟

Freigeben： 2017-06-27 10:31:36

Original

1635 Leute haben es durchsucht

Ü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!"); });

Nach dem Login kopieren

Instanz

Ein- oder Ausblenden des Elements bei Doppelklick auf die Schaltfläche:

$("button").dblclick(function(){
  $("p").slideToggle();
});

Nach dem Login kopieren

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!