function(e)を使ってみる

More than 3 years have passed since last update.

宿題

↓を実行してクリックした対象の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/DOM/event

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;
});