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

青灯夜游
Libérer: 2022-06-08 18:56:20
original
3811 Les gens l'ont consulté

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.

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

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() {
	//点击事件发生后,执行的代码
});
Copier après la connexion

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>
Copier après la connexion

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("一个确认框");
	});
});
Copier après la connexion

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");
	});
});
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal