Maison > Article > interface Web > Comment lier un événement click dans jquery pour implémenter une fenêtre pop-up

Comment lier un événement click dans jquery pour implémenter une fenêtre pop-up

青灯夜游original: 2022-05-24 15:18:573758parcourir

Méthode d'implémentation : 1. Utilisez l'instruction "element object.click(function(){})" pour lier l'événement click à l'élément spécifié et définissez la fonction de traitement. 2. Dans la fonction, définissez "alert (information) ; ", " confirmer (informations) " ou " invite (invite, valeur par défaut) " pour créer une fenêtre contextuelle et afficher les informations spécifiées.

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

jquery lie les événements de clic pour obtenir des effets contextuels de clic

1. Définir les événements de clic

Utilisez click() pour lier les événements de clic aux éléments spécifiés et définir les fonctions de gestion des événements. Syntaxe :

元素对象.click(function() {
	//点击事件发生后，执行的代码
});

Dans la fonction de traitement d'événements, le code écrit est le code d'effet obtenu après avoir cliqué sur

2 Créer une fenêtre pop-up

Dans la fonction de traitement d'événements, vous pouvez ajouter alert(), confirmer(. ) ou la méthode prompt () ajoute une fenêtre contextuelle.

alert() crée une boîte d'alerte
confirm() crée une boîte de confirmation
prompt() crée une boîte d'invite

1), cliquez pour faire apparaître la boîte d'avertissement

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert("一个警告框");
				});
			});
		</script>
	</head>
	<body>

		<button>点击弹窗</button>

	</body>
</html>

Comment lier un événement click dans jquery pour implémenter une fenêtre pop-up

2), Cliquez pour faire apparaître la boîte de confirmation

$(document).ready(function() {
	$("button").click(function() {
		confirm("一个确认框");
	});
});

Comment lier un événement click dans jquery pour implémenter une fenêtre pop-up

3), cliquez pour faire apparaître la boîte d'invite

$(document).ready(function() {
	$("button").click(function() {
		prompt("请输入您的名字","Bill Gates");
	});
});

Comment lier un événement click dans jquery pour implémenter une fenêtre pop-up

[Apprentissage recommandé : Tutoriel vidéo jQuery, front-end web vidéo]

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!

jquery function 对象事件 alert prompt

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

Article précédent：Comment supprimer l'arrière-plan d'un div avec jqueryArticle suivant：Comment supprimer l'arrière-plan d'un div avec jquery

Articles Liés

Voir plus