Nous savons qu'après un développement orienté objet, presque toutes les langues peuvent être basées sur des objets "une fois du jour au lendemain", et JavaScript est également une langue basée sur des objets. Le comportement de l'utilisateur sur le navigateur est appelé "événements", et une série d'actions déclenchées par la suite, telles que les fenêtres contextuelles, la modification de la taille du navigateur, la vérification et le balabala, sont toutes appelées "pilotes d'événements". Bien sûr, cette fois, je présenterai principalement plusieurs événements communs.
PS: La prise en charge des scripts JS dépend du navigateur! ! ! Certaines versions inférieures des navigateurs peuvent ne pas la soutenir! ! !
1. Cliquez sur l'événement (onclick)
Qu'est-ce qu'un événement de clic? Lorsque l'utilisateur clique sur le bouton de la souris oui, un événement de clic sera généré. Dans le même temps, le gestionnaire d'événements spécifié par ONClick sera appelé. Habituellement appliqué sur le bouton (objet de bouton), la case à cocher (boîte à cocher), la radio (bouton radio), les boutons de réinitialisation (bouton de réinitialisation) et les boutons de soumission (bouton Soumettre).
Faites un grand pas:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <tight> js Basic Click Event </ title> </-head> <body> <form> <script linguisse = "javascript"> function clic () {alert ("vous avez juste cliqué sur le bouton"); } notreL'effet est le suivant:
2. Événement de changement (onChange)
Une fois que l'utilisateur modifie la valeur du formulaire, l'événement Onchange est déclenché.
Le code est le suivant:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <Title> js l'événement de changement de base </title> <script linguisse = "javascript"> function check () {alert ("La valeur de la zone de texte a changé"); } </ script> </ head> <body> <form> <input type = "text" value = "Ceci est une boîte de texte" name = "name" onchange = "check ()" /> </ form> </body> </html>L'effet est le suivant:
3. Sélectionner l'événement (OnSelect)
Lorsqu'un élément de la page est sélectionné, l'événement OnSelect est déclenché.
Le code est le suivant:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <Title> js l'événement de changement de base </title> <script linguisse = "javascript"> function check () {alert ("La valeur de la zone de texte a changé"); } </ script> </ head> <body> <form> <input type = "text" value = "Ceci est une boîte de texte" name = "name" onchange = "check ()" /> </ form> </body> </html>L'effet est le suivant:
4. Événement de chargement (onload)
L'événement de chargement est un événement déclenché lorsque la page Web vient d'être ouverte.
Le code est le suivant:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <itle> js event de chargement de base </title> <script linguisse = "javascript"> function check () {alert ("ne be bere anha, xiao d est sur le chemin vers le dos, o (∩_∩) o haha ~"); } </ script> </ head> <body onload = "check ()"> </ body> </html>L'effet est le suivant:
5. Avant l'événement de déchargement (avant le chargement)
Pour être précis, il est plus approprié d'appeler "Avant de quitter l'événement de page" et déclenchera cet événement lorsque vous cliquez sur le bouton Fermer sur l'onglet actuel.
Le code est le suivant:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <ititle> js Basics Pre-Unload Event </Title> <Script Language = "JavaScript"> Fonction Check1 () {alert ("Vous voulez vraiment me quitter? ..."); } </ script> </ head> <body onBeforeunLoad = "check1 ()"> <h1> Ceci est la page utilisée pour vérifier l'événement de pré-charge </h1> </body> </html>L'effet est le suivant:
L'article ci-dessus parle brièvement du pilote de base de l'événement client de JavaScript est tout le contenu que je partage avec vous. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.