Quel est l'événement de l'apprentissage de JavaScript ? A quoi servent les événements ?-js tutoriel-php.cn

Quel est l'événement de l'apprentissage de JavaScript ? A quoi servent les événements ?

青灯夜游

Libérer： 2018-10-16 17:47:49

avant

1876 Les gens l'ont consulté

Cet article vous présentera ce qu'est l'événement de l'apprentissage de JavaScript ? A quoi servent les événements ? , faites savoir à tout le monde quels sont les événements couramment utilisés et ce que les événements peuvent faire. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Commençons par comprendre Qu'est-ce qu'un événement ? Les événements

sont des comportements qui peuvent être détectés par JavaScript.

Les événements HTML sont des choses qui arrivent aux éléments HTML.

Lorsque JavaScript est utilisé dans une page HTML, JavaScript peut déclencher ces événements.

Événements HTML

Les événements HTML peuvent être des comportements de navigateur ou des comportements d'utilisateurs.

Chaque élément d'une page Web HTML peut générer certains événements pouvant déclencher des fonctions JavaScript.

Voici des exemples d'événements HTML :

Chargement de la page HTML terminé
Lorsque le champ de saisie HTML change
Le bouton HTML est cliqué

Habituellement, lorsqu'un événement se produit, vous pouvez faire certaines choses.

Lorsqu'un événement est déclenché, JavaScript peut exécuter du code. Des attributs d'événement peuvent être ajoutés aux

éléments HTML et le code JavaScript peut être utilisé pour ajouter des éléments HTML.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <span id="demo"></span>
    <button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>时间</button>
</body>
<script type="text/javascript">
    
</script>
</html>

Copier après la connexion

Dans l'exemple ci-dessus, le code JavaScript modifiera le contenu de l'élément avec id="demo".

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <span id="demo"></span>
    <button onclick=&#39;this.innerHTML=Date()&#39;>时间</button>
</body>
<script type="text/javascript">
    
</script>
</html>

Copier après la connexion

Dans l'exemple ci-dessus, le code JavaScript modifie le contenu de son propre élément. (Utilisez ceci.innerHTML).

Le code JavaScript est généralement constitué de quelques lignes de code, et il est plus courant de l'appeler via les attributs d'événement.

Événements HTML courants

onkeydown

事件	描述
onchange	HTML元素改变
onclick	用户点击HTML元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户在一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

Événement

Description

onchange

Modifications des éléments HTML

onclick　

L'utilisateur clique sur l'élément HTML

onmouseover

L'utilisateur déplace la souris sur un élément HTML

onmouseout

L'utilisateur éloigne la souris d'un élément HTML

L'utilisateur appuie sur la touche du clavier

onload

Page terminée par le navigateur chargement

Que peuvent faire les événements JavaScript ? Les événements

peuvent être utilisés pour gérer la validation du formulaire, la saisie de l'utilisateur, le comportement de l'utilisateur et les actions du navigateur :

Chargement de la page L'événement est déclenché lorsque
L'événement est déclenché lorsque la page est fermée
L'utilisateur clique sur le bouton pour effectuer l'action
Vérification de la légalité des saisies de l'utilisateur
. . . . . .

Vous pouvez utiliser plusieurs méthodes pour exécuter le code d'événement JavaScript

Les attributs d'événement HTML peuvent exécuter directement du code JavaScript
Les attributs d'événement HTML peuvent appeler directement des fonctions JavaScript
Vous pouvez spécifier votre propre gestionnaire d'événements pour les attributs d'événement HTML
Vous pouvez bloquer événements L'apparition de
. . . . . .

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript, le Tutoriel vidéo jQuery, le Tutoriel bootstrap !

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!