Définition d'événements JavaScript, événements de liaison et langage de commande pilotés par événements

Événement

Définition de l'événement
Lorsqu'un élément du document est exploité ou que l'état du document change, un événement sera généré
Trois éléments de l'événement
Source de l'événement
Événement
Gestionnaire d'événements
Connaissances de préparation
Document.getElementById
document.getElementsByTagName
innerHTML
style
1. Seuls les styles en ligne peuvent être utilisés
2.backgroundColor a des barres horizontales. Les styles CSS doivent utiliser la dénomination de cas de chameau
Événements de liaison
1. Dans l'élément de balise html onclick='function name()'
2. Utiliser des objets d'élément
Pilotés par des événements
Événements de souris
onclick Cliquez sur l'événement
ondblclick Double-cliquez sur l'événement
onmouseover Sortie de la souris
onmouseout Sortie de la souris
sur le menu contextuel, clic droit de la souris
onmousedown souris vers le bas
onmouseup souris vers le haut
onmousemove mouvement de la souris
scrollTopt déplace le contenu verticalement
scrollLeft déplace le contenu horizontalement
événement clavier
onkeydown Keyboard Press
          keyCode obtient la valeur ASCII de la pression sur le clavier (non sensible à la casse) )
ctrlKey détermine si le la touche ctrl du clavier est enfoncée
altKey détermine si la touche alt du clavier est enfoncée
shiftKey détermine si la touche majuscule est enfoncée
onkeypress enfoncé Lift
Obtenir la valeur ASCII des pressions sur le clavier (sensible à la casse, ne reconnaît pas les clés système) Nom d'utilisateur de vérification de cas
événement de soumission de formulaire onsubmit
onchange Lorsque la valeur change
onreset Réinitialisation du formulaire
onselect Déclenché lorsque le contenu du champ de texte est sélectionné
Événement de cadre
onload Lorsque le contenu de la page Web est chargé Après
onerror Lorsque le document ne parvient pas à se charger
onscroll Lorsque la page Web défile
Document.body.scrollTop Obtient la hauteur de défilement (Google)
Document .body.scrollLeft Obtient la largeur de défilement (Google)
document.documentElement .scrollTop Obtenez la hauteur de défilement IE
Compatible avec
// Compatible avec Firefox et Google IE
var top = document.body. scrollTop || document.documentElement.scrollTop;
Cas : window.onscroll = function() {
// Google obtient la distance de défilement
// var top = document.body.scrollTop;

// var top = document.documentElement.scrollTop;

// Compatible avec Firefox et Google IE

var top = document.body.scrollTop || document.documentElement.scrollTop;

alert( top ); /Ceci doit être écrit sous forme de retour et ne peut pas être écrit comme alert
Désactiver l'événement liaison pour un saut de lien
a> " onclick="return false">Cliquez sur moi pour essayer

Articles connexes :


Trois façons de lier des événements en JavaScript et supprimez la liaison



Explication détaillée des événements de liaison et des événements de déliaison dans js

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!