Click
Détection du click sur un élément HTML.
Donnée
Copier le code HTML suivant et attacher un évènement sur le titre. Afficher un message dans la console quand on click sur le titre.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<h1 id='titre'>Je suis un titre</h1>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<h1 id='titre'>Je suis un titre</h1>
</body>
</html>
Solution
Afficher
Cette solution attache les évènements directement et de manière exclusive (écrasant les éventuelles évènements attachés au préalable par d'autres scripts)
window.onload = function() {
document.getElementById('titre').onclick = function() {
console.log('Hello');
}
}
document.getElementById('titre').onclick = function() {
console.log('Hello');
}
}