Attribut d'événement onclick HTML
Exemple
Exécute un JavaScript lorsqu'un bouton est cliqué :
<button onclick="myFunction()">Click me</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.
Prise en charge du navigateur
Event Attribute | |||||
---|---|---|---|---|---|
onclick | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<element onclick="script">
Valeurs d'attribut
Value | Description |
---|---|
script | The script to be run on onclick |
Détails techniques
Balises HTML compatibles : | 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 la couleur de son texte en rouge :
<p id="demo" onclick="myFunction()">Click me to change my text color.</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 vers un autre champ de saisie :
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Pages connexes
Référence HTML DOM : événement onclick
❮ Attributs d'événement HTML