Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Listener unique pour plusieurs événements/cibles">
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <button>A</button>
  <button>B</button>
  <button>C</button>
  <p id="msg"></p>
</body>
</html>
 
// jshint browser:true, eqeqeq:true, undef:true, devel:true, esnext: true
// exemple de listener "global"
// NB: le body existe dès le départ
document.body
  .addEventListener("click", function(evt) {
    const msg = document.getElementById("msg");
    if (evt.target.tagName === "BUTTON") {
        msg.textContent = "Vous avez cliqué sur " +
           evt.target.textContent;
    } else {
        console.log(evt.target);
        msg.textContent = "Vous avez raté les boutons...";
    }
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
goncalvepro
0viewers