function(e)を使ってみる

宿題
↓を実行してクリックした対象のconstructorがHTMLDivElementのときにconsole.log("success");を実行する

js

document.body.addEventListener("click", function (e) {
  // -- 解答ここから  

  // -- ここまで
  e.preventDefault();
  e.returnValue = true;
});

###eはeventのe
function(e) この引数eは、eventの「e」

イベントハンドラにはイベントオブジェクトが渡される
https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks/Events

firebugなどのコンソールでconsole.log(e)してDOMのプロパティ調査などで色々見るといい。
色々応用できそうな気分になれます。


解答例
（今回はe.target.tagNameを使用）

js

document.body.addEventListener("click", function (e) {
  // -- 解答ここから
  if ( e.target.tagName == "DIV" ) {
    console.log("success");
  }else{
    console.log("failed");
  }
  // -- ここまで
  e.preventDefault();
  e.returnValue = true;
});