addEventListener

by Michel Piallier

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div id="cible"></div>
<div id="resultat"></div>

CSS

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

JavaScript

var cible;
var resultat;
cible = document.getElementById('cible');
resultat = document.getElementById('resultat');
cible.onclick = function(){
    resultat.innerHTML = "Click !";
}

cible.addEventListener('mouseover',function(e){
    resultat.innerHTML = "Souris dessus ! - mouse over !";
console.log(e);
});
cible.addEventListener('mouseout',function(e){
    resultat.innerHTML = "Souris en dehors ! - mouse out !";
console.log(e);
});