Jquery peut-il gérer les événements de double-clic et de clic ?-Questions et réponses frontales-php.cn

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

青灯夜游

Libérer： 2021-11-16 12:13:23

original

1940 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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