communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

Une brève discussion sur les connaissances de base sur le traitement des événements Javascript

WBOY
Libérer： 2016-05-16 16:22:16
original
1024 Les gens l'ont consulté

Gestion des événements

1. Source de l'événement : tout élément HTML (nœud), corps, div, bouton

2. Événement : votre opération

Souris :
Cliquez Cliquez
dblick Double-cliquez
menu texte oncontextmenu

Copier le code Le code est le suivant :
//Programme interdisant le clic droit

Passez la souris
congé de souris
appuyez avec la souris
levage de la souris
mousemoveMouvement de la souris
Clavier :

Événement clavier par pression de touche
Ascenseur de clé
Appuyez sur la touche

Documentation :

Charge Charge
onload est un événement déclenché après le chargement de la page
Décharger Fermer
Avant la fermeture du déchargement

Formulaire :

événement focus focus
                                                  perdu la concentration
Soumettre Soumettre l'événement
Changer d'événement

Autres :

Défilement Défilement
Sélectionnez démarrer sélectionnez l'événement

3. Gestionnaire d'événements

Le premier type :

Format :
Exemple :

Copier le code Le code est le suivant :
<script><br> fonction show(){<br> var one=document.getElementById("one");<br> alert(one.innerText);<br> ><br> show();<br> </script>


wwwwwwwwwwwwwwwwwwwww



Deuxième type :

Gestionnaire Object.on directement en javascript

Copier le code Le code est le suivant :
Bonjour, Script House
http://www.jb51.net
<script><br> var one=document.getElementById("two");<br> one.onclick=fonction(){<br> This.style.backgroundColor="red";<br> ><br> </script>


Troisième type : En gros, personne ne l'utilise


Copier le code Le code est le suivant :

Bonjour, Script House
http://www.jb51.net



Avez-vous compris la gestion des événements de JavaScript ? Si vous avez des questions, laissez-moi un message.
Étiquettes associées：
javascript 事件处理
source：php.cn
Article précédent：Exemple de développement de diagramme circulaire jQuery_jquery Article suivant：Dans jQuery : exemple d'utilisation du sélecteur sélectionné
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
Derniers articles par auteur
Derniers numéros
Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
Depuis 2024-04-06 19:25:49
0
1
505
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...
Depuis 2024-04-06 15:35:24
0
1
274
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...
Depuis 2024-04-06 12:53:11
0
1
376
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal