JavaScript événements
Les événements sont des actions qui peuvent être détectés par JavaScript.
Agir pour un événement
L'exemple ci-dessous affiche la date à laquelle un bouton est cliqué:
Exemple
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
Essayez vous-même »
Événements
En utilisant JavaScript, nous avons la capacité de créer des pages web dynamiques. Les événements sont des actions qui peuvent être détectés par JavaScript.
Chaque élément d'une page web a certains événements qui peuvent déclencher un script JavaScript. Par exemple, nous pouvons utiliser l'événement onClick d'un élément de bouton pour indiquer qu'une fonction s'exécute lorsque l'utilisateur clique sur le bouton. Nous définissons les événements dans les balises HTML.
Exemples d'événements:
- Un clic de souris
- Une page web ou un chargement d'image
- Passer la souris sur un point chaud sur la page web
- Sélection d'un champ de saisie dans un formulaire HTML
- Envoi d'un formulaire HTML
- Une frappe
Remarque: Les événements sont normalement utilisés en combinaison avec les fonctions, et la fonction ne sera pas exécuté avant l'événement!
Pour une référence complète des événements reconnus par JavaScript, rendez-vous à notre complète de référence de l'événement .
onLoad et onUnload
Les événements onLoad et onUnload sont déclenchés lorsque l'utilisateur entre ou quitte la page.
L'événement onLoad est souvent utilisé pour vérifier le type de navigateur du visiteur et version du navigateur, et de charger la bonne version de la page Web basée sur l'information.
Tant le onLoad et les événements onUnload sont également souvent utilisés pour traiter les cookies qui devraient être fixés lorsque l'utilisateur entre ou quitte une page. Par exemple, vous pourriez avoir un popup pour demander le nom de l'utilisateur lors de sa première arrivée à votre page. Le nom est ensuite stockée dans un cookie. La prochaine fois que le visiteur arrive sur votre page, vous pourriez avoir une autre chose contextuel disant comme: «John Doe Bienvenue!".
onfocus, onblur et onChange
Les événements de la onfocus, onblur et onChange sont souvent utilisés en combinaison avec la validation des champs de formulaire.
Voici un exemple de comment utiliser l'événement onChange. La fonction checkEmail () sera appelée lorsque l'utilisateur modifie le contenu du champ:
<input type="text" size="30" id="email" onchange="checkEmail()" />
onSubmit
L'événement onSubmit est utilisé pour valider tous les champs du formulaire avant de le soumettre.
Voici un exemple de comment utiliser l'événement onSubmit. Le checkForm () fonction sera appelée lorsque l'utilisateur clique sur le bouton soumettre le formulaire. Si les valeurs des champs ne sont pas acceptés, le submit doit être annulée. Le checkForm function () retourne true ou false. Si elle renvoie true, le formulaire sera soumis, sinon le submit sera annulé:
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onMouseOver
L'événement onmouseover peut être utilisé pour déclencher une fonction lorsque l'utilisateur passe la souris sur un élément HTML:
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT