Le processus de gestion des événements javascript est divisé en plusieurs étapes

Le processus de traitement des événements JavaScript est divisé en trois étapes : 1. L'événement se produit 2. Démarrez le gestionnaire d'événements 3. Le gestionnaire d'événements réagit ; Parmi eux, pour que le gestionnaire d'événements soit démarré, l'événement correspondant doit être appelé via l'objet spécifié, puis le gestionnaire d'événements est appelé via l'événement.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript est un langage basé sur les objets et l'une de ses fonctionnalités les plus fondamentales est pilotée par les événements. Il peut simplifier toutes les opérations dans l’environnement de l’interface graphique. Les actions via la souris ou les raccourcis clavier sont appelées événements. Une série d'actions de programme déclenchées par la souris ou les touches de raccourci est appelée pilote d'événement, et le programme ou la fonction qui traite les événements est appelé gestionnaire d'événements.

Présentation des événements et du traitement des événements

Le traitement des événements est une partie très importante de la programmation basée sur les objets. Il peut rendre la structure logique du programme plus claire, rendre le programme plus flexible et améliorer l'efficacité du développement du programme. programme.

Le processus de traitement des événements est divisé en trois étapes :

• ①L'événement se produit

• ②Démarrez le gestionnaire d'événements ;

• ③Le gestionnaire d'événements réagit ;

Parmi eux, pour que le gestionnaire d'événements soit démarré, l'événement correspondant doit être appelé via l'objet spécifié, puis le gestionnaire d'événements est appelé via l'événement. Les gestionnaires d'événements peuvent être n'importe quelle instruction JavaScript, mais utilisent généralement des fonctions personnalisées spécifiques pour gérer les événements.

Événements et noms d'événements

Les événements sont des actions de page auxquelles il est possible de répondre via des scripts. Des événements se produisent lorsque l'utilisateur appuie sur le bouton de la souris, soumet un formulaire ou même déplace la souris sur la page. Un gestionnaire d'événements est un morceau de code JavaScript toujours associé à une partie spécifique de la page et à un certain événement. Les gestionnaires d'événements sont appelés lorsqu'un événement associé à une partie spécifique de la page se produit.

Les noms de la plupart des événements sont descriptifs et faciles à comprendre. Par exemple, click.submit.mousecover, etc. Vous pouvez deviner sa signification grâce au nom. Mais il existe aussi quelques événements dont les noms sont difficiles à comprendre, comme flou (qui signifie littéralement « flou » en anglais), qui signifie qu'un champ ou un formulaire a perdu son focus. Généralement, le principe de dénomination des gestionnaires d'événements est d'ajouter le préfixe on avant le nom de l'événement. Par exemple, pour l'événement click, le gestionnaire est nommé onclick.

Événement

Descriptionon the mouse Cet événement est déclenché lorsqu'une touche est enfoncéeCet événement est déclenché lorsqu'une touche du clavier est enfoncée puis relâchéeÉvénements liés à la pageDéclenché lorsque le contenu de la page est terminé Cet événement (c'est-à-dire un événement de chargement de page)Cet événement est déclenché lorsque la taille de la fenêtre du navigateur est modifiéeCet événement est déclenché lorsque la page actuelle sera modifiée

Événements de souris et de clavier

onclick

Cet événement est déclenché lorsque la souris est cliquée

ondblclick

Cet événement est déclenché lorsque la souris est double-cliquée

onmousedown

Ceci l'événement est déclenché lorsque la souris est enfoncée

onmouseup

Cet événement est déclenché lorsque la souris est enfoncée puis relâchée

onmouscover

Cet événement est déclenché lorsque la souris se déplace au-dessus de la portée d'un objet

onmousemove

Cet événement est déclenché lorsque la souris bouge

onkeyup

onabort

Lorsque l'image est téléchargée Cet événement est déclenché lorsqu'il est interrompu par l'utilisateur

onbeforeunload

Cet événement est déclenché lorsque le contenu de la page actuelle est sur le point d'être modifié

onerrorCet événement est déclenché lorsqu'une erreur se produit

onload

onresize

onunload

Cet événement est déclenché lorsque le contenu doit être collé du presse-papiers du système du spectateur sur la pageLorsque le spectateur colle Notifier l'objet cible du contenu dans le presse-papiers du systèmeCet événement est déclenché lorsque le menu apparaît lorsque le spectateur appuie sur le bouton droit de la souris ou lorsque le menu de la page est déclenché par les touches du clavierLorsque la page est en cours Cet événement est déclenché lorsque le contenu sélectionné est copiéCet événement est déclenché lorsque le contenu actuellement sélectionné sur la page est coupéCet événement est déclenché lorsqu'un objet est déplacé (événement d'activité)Cet événement est déclenché lorsque le glisser de la souris se termine, c'est-à-dire lorsque le bouton de la souris est relâchéThis l'événement est déclenché lorsque l'objet est déplacé par la souris dans sa plage de conteneurondragleaveCet événement est déclenché lorsque l'objet déplacé par la souris quitte la portée de son conteneurondragoverCet événement est déclenché lorsque l'objet déplacé est déplacé dans la portée du conteneur d'un autre objetCet événement est déclenché lorsqu'un objet est sur le point d'être déplacéondropCet événement est déclenché lorsque la souris le bouton est relâché lors d'un processus de glissementonlosecaptureLorsque l'élément perd la souris Cet événement est déclenché lorsque le focus sélectionné est déplacéCet événement est déclenché lorsque le contenu est colléCet événement est déclenché lorsque le contenu du texte est sélectionnéLorsque le texte Cet événement sera déclenché lorsque la sélection du contenu commencera

Événement

Description

Événements liés au formulaire

onblur

Cet événement est déclenché lorsque l'élément actuel perd le focus

onchange

L'élément actuel perd le focus et l'événement de l'élément est déclenché lorsque le contenu change

onfocus

Cet événement est déclenché lorsqu'un élément obtient le focus

onreset

Cet événement est déclenché lorsque l'attribut RESET du formulaire est activé

onsubmit

Cet événement est déclenché lorsqu'un formulaire est soumis

Événement de sous-titres défilants

onbounce

Cet événement est déclenché lorsque le contenu de Marquce sort de la plage d'affichage de Marquce

onfinish

Lorsque l'élément Marquce est terminé Cet événement est déclenché après l'affichage du contenu. Cet événement est déclenché lorsque l'élément Marquce commence à afficher du contenu. commence à afficher le contenu. Cet événement est déclenché avant que le contenu actuellement sélectionné ne soit copié dans le presse-papiers du système du spectateur

onbeforecut

Cet événement peut être déclenché lorsqu'une partie ou la totalité du contenu de la page est coupée dans le presse-papiers du système du spectateur.

onbeforeeditfocus Cet événement est déclenché lorsque l'élément actuel est sur le point d'entrer dans l'état d'édition

onbeforepaste

onbeforeupdate

oncontextmenu

oncopy

oncut

ondrag

ondragend

ondragente

ondragstart

onpaste

onselect

onselectstart

Dang Cet événement est déclenché lorsque le document est sur le point d'être imprimé. onfilterchangeCet événement est déclenché lorsque l'effet de filtre d'un objet changeLorsque le spectateur appuie sur la touche F1 ou clique sur le menu d'aide du navigateur. Cet événement est déclenché lorsque onpropertychangeCet événement est déclenché lorsque l'une des propriétés de l'objet changeonreadystatechangeCet événement est déclenché lorsque la valeur de la propriété d'initialisation de l'objet change Lors de l'utilisation de gestionnaires d'événements pour fonctionner sur la page, la chose la plus importante est de savoir comment spécifier le gestionnaire d'événements via l'événement de l'objet. 1. En JavaScript Pour appeler un gestionnaire d'événements en JavaScript, vous devez d'abord obtenir une référence à l'objet à traiter, puis attribuer la fonction de traitement à exécuter à l'événement correspondant.

<input id="save" name="bt_save" type="button" value="保存" />
<script language="JavaScript" type="text/javascript">
	var b_save=document.getElementById("save");
	b_save.onclick=function(){
		alert("单击了保存按钮");
	}
</script>

	Événement	Description
Événement de liaison de données	onafterupdate	Cet événement est déclenché lorsque les données terminent le transfert de la source de données vers l'objet
	un changement de cellule	Cet événement est déclenché lorsque la source de données change
	ondataavailable	Cet événement est déclenché lorsque la réception des données est terminée
	ondatasetchanged	Cet événement est déclenché lorsque la source de données change
	ondatasetcomplete	Lorsque les données Cet événement est déclenché lorsque toutes les données valides de la source ont été lues
	onerrorupdate	Lorsque le transfert de données est annulé à l'aide du déclencheur d'événement onbeforeupdate, il remplace l'événement afterupdate
événement de liaison de données	onrowenter	current data Cet événement est déclenché lorsque les données de la source de données changent et qu'il y a de nouvelles données valides
	onrowexit	Cet événement est déclenché lorsque les données de la source de données actuelle sont sur le point de changer
	onrowsdelete	Déclenché lorsque l'enregistrement de données actuel sera supprimé Cet événement est déclenché lorsque la source de données actuelle est sur le point d'insérer un nouvel enregistrement de données
onhelp
	Appel du gestionnaire d'événements
	Code :

2. En HTML Pour attribuer des gestionnaires d'événements en HTML, il vous suffit d'ajouter l'événement correspondant dans la balise HTML et de spécifier le code ou le nom de la fonction à exécuter. il.

<input name="bt_save" type="button" value="保存" onclick="clickFunction();"/>
<script language="JavaScript" type="text/javascript">
	function clickFunction(){
		alert("单击了保存按钮");
	}
</script>

【Recommandations associées :

Tutoriel vidéo javascript

,

Vidéo de programmation】

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!