Maison > Article > interface Web > Les événements javascript sont-ils pilotés ?
JavaScript est piloté par les événements ; JavaScript est un langage de script basé sur des objets et piloté par des événements et doté de propriétés de sécurité. Il est déclenché par des actions de souris ou de raccourci clavier. alors l'événement est démarré et le gestionnaire réagit.
L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
javascript est piloté par les événements
Les événements pilotés par javascript sont déclenchés par des actions de souris ou de raccourci clavier :
1. Événement de clic de souris sur un clic
2. . Événement de changement de contenu onchange
3. Événement de sélection onselect - Cet événement est déclenché lorsque le contenu du texte ou de la zone de texte est mis en surbrillance
4. Événement Get focus onFocus - Se produit lorsque l'objet obtient le focus
5. Événement de focus perdu onBlur - -correspond à l'événement focus !
6. Événement de chargement de document onload - un événement est déclenché lorsque le document est chargé. Il est aussi généralement appelé événement de chargement (exécution de chargement) et est généralement utilisé pour définir des cookies
7. Événement de déchargement de document onunload - correspond à l'événement de chargement de document. Se produit lorsque la page Web se ferme, mettant généralement à jour la valeur du cookie
8. Événement de fonction de menu contextuel de la souris sur le menu contextuel - peut être utilisé pour bloquer le bouton droit de la souris
Traitement des événements :
1 Un événement se produit
2. Démarrez le gestionnaire d'événements (déclenché par un gestionnaire d'événements)
3. Le gestionnaire d'événements répond à l'appel de l'événement
(tous sont appelés via le gestionnaire d'événements), les exemples sont les suivants :
1.
<input name="save" type="button" value="保存" onclick="alert('Click the button');" />2. Appelé en Javascript
<input id="save" type="button" /> <script> var b=document.getElementById("save"); b.onclick=function(){ alert("Click the button"); } </script>Dans le code ci-dessus, assurez-vous de placer le script Javascript sous la balise element, car le langage Javascript est un langage interprété et l'ordre d'exécution est ligne par ligne uniquement de cette manière. La variable b peut-elle obtenir l'objet tag élément Dans le navigateur, l'objet événement est un événement attribut de l'objet fenêtre. Sa fonction est d'obtenir l'objet qui a déclenché l'événement lorsque l'événement est déclenché. l'objet est en fait contenu dans l'attribut srcElement de even ; dans le navigateur DOM (dans les navigateurs non-IE), l'objet événement est en fait inclus dans l'attribut cible de l'événement
function someHandle(){ var oEvent; if(window.event==true){ //判读是否存在事件对象 oEvent=window.event; } var oTarget; if(oEvent.srcElement==true){ oTarget=oEvent.srcElement; //IE浏览器 } else{ oTarget=oEvent.target; //DOM浏览器 } alert(oTarget.tarName); //弹出目标对象的标记名称 } window.onload=function(){ var oImg=document.getElementsByTagName("img")[0]; //获取一组name为img的标记的第一个 oImg.onclick=someHandle(); }[Recommandations associées :
Tutoriel vidéo javascript, front-end web]
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!