Explication détaillée de la définition et de l'utilisation de l'événement jQuery dblclick-js tutoriel-php.cn

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

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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