HTML onclick Attribut d'Événement
Exemple
Exécutez un script JavaScript lorsqu'un bouton est cliqué :
<button onclick="myFunction()">Cliquez-moi</button> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
L'attribut onclick se déclenche lors d'un clic de souris sur l'élément.
Support des Navigateurs
| Attribut d'Événement | |||||
|---|---|---|---|---|---|
| onclick | Oui | Oui | Oui | Oui | Oui |
Syntaxe
< élément onclick=" script "> Valeurs d'Attribut
| Valeur | Description |
|---|---|
| script | Le script à exécuter lors de l'événement onclick |
Détails Techniques
| Balises HTML supportées : | Tous les éléments HTML, SAUF : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, et <title> |
|---|
Plus d'Exemples
Exemple
Cliquez sur un élément <p> pour changer sa couleur de texte en rouge :
<p id="demo" onclick="myFunction()">Cliquez-moi pour changer ma couleur de texte.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Exemple
Cliquez sur un bouton pour copier du texte d'un champ de saisie à un autre champ de saisie :
<button onclick="myFunction()">Copier le texte</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Pages Associées
Référence DOM HTML : événement onclick