Maison >interface Web >js tutoriel >Explication détaillée de la définition et de l'utilisation de l'événement jQuery dblclick
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!"); });Instance
Masquer ou afficher l'élément lorsque le bouton est double-cliqué :
$("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> 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>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!