Derniers tutoriels de développement web
 

Attribut HTML onclick événement

<HTML Attributs de l' événement

Exemple

Exécuter un script JavaScript quand un bouton est cliqué:

<button onclick="myFunction()">Click me</button>
Essayez - le vous - même »

Plus "Try it yourself" exemples ci-dessous.


Définition et utilisation

Le onclick attribut feux sur un clic de souris sur l'élément.


support du navigateur

Attribut de l'événement
onclick Oui Oui Oui Oui Oui

Différences entre HTML 4.01 et HTML5

Aucun.


Syntaxe

<elementonclick=" script ">

Attribut valeurs

Valeur La description
script Le script à exécuter sur onclick

Détails techniques

balises HTML prises en charge: Tous les éléments HTML, SAUF: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

Autres exemples

Exemple

Cliquez sur <p> élément pour changer sa couleur de 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>
Essayez - le vous - même »

Exemple

Cliquez sur un bouton pour copier un texte à partir d'un champ de saisie à un autre champ de saisie:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Essayez - le vous - même »

Pages associées

Référence HTML DOM: onclick event


<HTML Attributs de l' événement