Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée de la définition et de l'utilisation de l'événement jQuery dblclick

黄舟
Libérer: 2017-06-27 10:31:36
original
1704 Les gens l'ont consulté

Présentation

Déclenche l'événement dblclick pour chaque élément correspondant.

Cette fonction appellera et exécutera toutes les fonctions liées à l'événement dblclick, y compris le comportement par défaut du navigateur. Vous pouvez empêcher le déclenchement du comportement par défaut du navigateur en renvoyant false dans une fonction liée. L'événement dblclick est déclenché lorsqu'un élément est double-cliqué au même point.

Paramètres

fnFunctionV1.0

La fonction de gestionnaire liée dans l'événement dblclick de chaque élément correspondant.

[data],fnString,FunctionV1.4.3

data:dblclick([Data], fn) peut transmettre des données à la fonction fn à traiter.

fn : La fonction de gestionnaire liée à l'événement dblclick de chaque élément correspondant.

Exemple

Description :

Liez "Hello World !" à l'événement de double-clic de chaque paragraphe de la page Boîte d'alerte

jQuery Code :

$("p").dblclick( function () { alert("Hello World!"); });
Copier après la connexion

Instance

Masquer ou afficher l'élément lorsque le bouton est double-cliqué :

$("button").dblclick(function(){
  $("p").slideToggle();
});
Copier après la connexion
<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>
Copier après la connexion

Définition et utilisation
Lorsqu'un élément est double-cliqué, l'événement dblclick se produit. Un clic se produit lorsque le pointeur de la souris se trouve sur un élément et que le bouton gauche de la souris est enfoncé puis relâché. Si deux clics se produisent dans un court laps de temps, il s'agit d'un événement de double clic. La méthode dblclick() déclenche l'événement dblclick ou spécifie une fonction à exécuter lorsque l'événement dblclick se produit. Astuce : Des problèmes peuvent survenir si les événements dblclick et click sont appliqués au même élément.

<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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal