JavaScript s'exécute en mode monothread dans le navigateur. Une fois la page chargée, une fois tout le code JavaScript de la page exécuté, elle ne peut s'appuyer que sur des événements déclencheurs pour exécuter le code JavaScript.
Après avoir reçu la saisie de la souris ou du clavier de l'utilisateur, le navigateur déclenchera automatiquement l'événement correspondant sur le nœud DOM correspondant. Si le nœud a été lié à la fonction de traitement JavaScript correspondante, la fonction sera appelée automatiquement.
Événements JavaScript
Les comportements dans les pages Web qui peuvent être détectés par JavaScript sont appelés événements JavaScript. Voici quelques exemples d'événements JavaScript courants :
1. Le contenu de la page est chargé par le navigateur
2 L'utilisateur clique sur un bouton
3. clé
Les événements sont généralement utilisés avec des fonctions JavaScript, c'est-à-dire que les fonctions basées sur les événements sont utilisées pour compléter certaines fonctions que nous souhaitons.
Événements HTML courants
Voici une liste de quelques événements HTML courants :
Événement
🎜>
onchange Modifications de l'élément HTML
onclick L'utilisateur clique sur l'élément HTML
onmouseover L'utilisateur déplace la souris sur un HTML element
onmouseout L'utilisateur clique sur un élément HTML Déplace la souris vers le haut
onkeydown L'utilisateur appuie sur le bouton du clavier
onload Le navigateur a terminé le chargement de la page
événement onclick
Lorsque la souris clique sur un objet de la page, l'événement onclick sera déclenché, comme le montre l'exemple suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(){
var name = document.getElementById("name").value;
if( name == "") {
alert("请输入你的姓名！");
return false;
} else {
alert(name + "，你好！");
}
}
</script>
</head>
<body>
姓名：<input type="text" id="name" />
<input type="button" onclick="hello()" value="确定" />
</body>
</html> Dans l'exemple ci-dessus, l'attribut d'événement onclick est défini pour le bouton OK. La valeur est la fonction JavaScript "hello()", c'est-à-dire que lorsque vous cliquez sur le bouton, la fonction hello est exécutée.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="displayDate()">点这里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>Que peut faire 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 :<🎜>
L'événement est déclenché lorsque la page est chargée. L'événement est déclenché lorsque la page est fermée. L'utilisateur clique sur le bouton pour effectuer des actions pour vérifier la légalité du contenu saisi par l'utilisateur, etc...
<🎜. >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 des fonctions JavaScript. Vous pouvez spécifier votre propre gestionnaire d'événements pour <🎜. >
Éléments HTML.
Vous pouvez empêcher l'apparition d'événements.
Attendez...
section suivante
