Javascript – Les événements

HTML


<div id="cible"></div>
<div id="resultat"></div>

Javascript


var cible;
var resultat;
cible = document.getElementById('cible');
resultat = document.getElementById('resultat');
cible.onclick = function(){
    resultat.innerHTML = "Click event!";
}
cible.onmouseout = function(){
    resultat.innerHTML = "Mouse Out!";
}
cible.addEventListener('mouseover',function(e){
    resultat.innerHTML = "Mouse Over event!";
console.log(e);
});

CSS


#cible {          
    width: 300px;
    height: 300px;
    background-color: red;
}

Jsfiddle

Publier 29 mars 2017 par sm2017 dans Javascript - Les événements Commentaires fermés