9. 이벤트 기초 및 활용 이론문제 정답

1. 3번

 

2. 3번

 

3. 1번 (div.addEventListener("click", function () { this.innerHTML = "hello";}로 작성해야한다. 

 

4. 

(1) let obj = documen.getElementById("div1");

(2) div.addEventListener("click", f);

(3) div.onclick = f;

(4) div.onclick = function () { obj.style.backgroundColor = "orchid" ;}

 

5. 1번

 

6. 3번

 

7. //교재정답

window.addEventListener("click", function(e) { e.stopPropagation(); }, true);는 캡쳐 단계에서 function(e) { e.stopPropagation(); }가 실행되도록 window 객체에 onclick 리스너 를 등록하는 코드이다. HTML 페이지의 어떤 요소에서 click 이벤트가 발생하든 캡쳐 단계를 거치 게 되어 있고, 무조건 window 객체에 click 이벤트가 도착한다. 그런데 여기 window 객체에 등록된 onclick 리스너에서는 e.stopPropagation(); 함수를 호출하기 때문에 더 이상 이벤트가 전파되지 못하고 사라진다.

 

8. 1, 3, 4 번

 

9.

(1) 

strong = document.getElementById("strong"); 
strong.onclick = function (e) { 
	alert(this.tagName + "+" + e.target.innerHTML); 
};

 

(2)

p = document.getElementById("p");
p.addEventListener("click", function (e) {
	alert(this.tagName + "+" + e.target.innerHTML); }, true)
}

 

(3) 2

 

10.

p.addEventListener = ("click", function() { alert("hello") });