Code source<style type="text/css">
.myDiv {cursor:pointer;}
.divBlack{background-color
:#000
; color:#fff
;}
</style>
<div id="myDiv1" class="myDiv" onclick="black1(this)">Mon div 1 : L'événement click est déclaré dans le code HTML par onclick
</div>
<script>
function black1
(o
) {
o
.className="divBlack";
}
</script>
<div id="myDiv2" class="myDiv">Mon div 2 : l'événement click est ajouté par addEventListener("click")
</div>
<script>
document.getElementById("myDiv2").addEventListener("click", black2
);
function black2
(evenement
) {
evenement
.target.className="divBlack";
}
</script> Résultat
Mon div 1 : L'événement click est déclaré dans le code HTML par onclick
Mon div 2 : l'événement click est ajouté par addEventListener("click")
ExplicationGestion de click dans les attributs dans myDiv1 ou par programmation sur myDiv2.
Attache un gestionnaire d'événement à l'élément.
cleanMyJS.com