Maison >interface Web >Questions et réponses frontales >Jquery peut-il gérer les événements de double-clic et de clic ?

Jquery peut-il gérer les événements de double-clic et de clic ?

青灯夜游
青灯夜游original
2021-11-16 12:13:232047parcourir

Dans jquery, les événements de double-clic et de clic peuvent être gérés via les méthodes dblclick() et click(). Utilisez la méthode dblclick() pour spécifier la fonction à exécuter lorsqu'un événement dblclick (double-clic) se produit ; utilisez la méthode click() pour spécifier la fonction à exécuter lorsqu'un événement click (clic) se produit.

Jquery peut-il gérer les événements de double-clic et de clic ?

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

jquery peut gérer les événements de double-clic et de clic.

L'événement double-clic est un événement dblclick, et la méthode dblclick() peut être utilisée pour spécifier la fonction à exécuter lorsque l'événement dblclick se produit tandis que l'événement click est un événement click, et la méthode click() ; peut être utilisé pour spécifier la fonction à exécuter lorsque l'événement click se produit.

Événement jQuery - méthode dblclick()

Lorsqu'un élément est double-cliqué, l'événement dblclick se produit.

Un clic se produit lorsque le pointeur de la souris reste sur un élément, puis que le bouton gauche de la souris est enfoncé et 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.

Syntaxe : $(selector).dblclick(function)$(selector).dblclick(function)

  • function    可选。规定当发生 dblclick 事件时运行的函数。    

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").dblclick(function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<button>请双击此处</button>
	</body>
</html>

Jquery peut-il gérer les événements de double-clic et de clic ?

jQuery 事件 - click() 方法

当点击元素时,会发生 click 事件。

当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。

click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。

语法:$(selector).click(function)

  • function Facultatif. Spécifie la fonction à exécuter lorsque l'événement dblclick se produit.

  • <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("p").slideToggle();
    				});
    			});
    		</script>
    	</head>
    	<body>
    		<p>这是一个段落。</p>
    		<button>切换</button>
    	</body>
    </html>
Jquery peut-il gérer les événements de double-clic et de clic ?

Jquery peut-il gérer les événements de double-clic et de clic ?

Événement jQuery - méthode click()

Lorsqu'un élément est cliqué, l'événement click se produit.

🎜Un clic se produit lorsque le pointeur de la souris reste sur un élément, puis que le bouton gauche de la souris est enfoncé et relâché. La méthode 🎜🎜click() déclenche un événement de clic ou spécifie une fonction à exécuter lorsqu'un événement de clic se produit. 🎜🎜Syntaxe : $(selector).click(function)🎜🎜🎜🎜🎜function Facultatif. Spécifie une fonction à exécuter lorsqu'un événement de clic se produit. 🎜🎜🎜rrreee🎜🎜🎜🎜 Tutoriels associés recommandés : 🎜Tutoriel vidéo jQuery🎜🎜

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!

Déclaration:
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