javascript event 1

[javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋Œ€์ƒ(์š”์†Œ) ์–ป๊ธฐ - event.target

event.target event.target์€ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ์š”์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•ด์ค€๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด $("a").click(function(event){ console.log(event.target); }); ์ด๋ผ๋Š” ์ฝ”๋“œ๋Š” a์š”์†Œ๋ฅผ ํด๋ฆญํ–ˆ์„ ๋•Œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ , ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ๋งˆ๋‹ค ์ด๋ฒคํŠธ์˜ ๋Œ€์ƒ์ธ a์š”์†Œ๋ฅผ ์ฝ˜์†”์ฐฝ์— ์ถœ๋ ฅํ•œ๋‹ค. ์ด๋Ÿฐ event.target์„ ์ด์šฉํ•˜๋ฉด ํ˜„์žฌ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ์š”์†Œ์˜ ์†์„ฑ๋“ค์„ ์–ป์„ ์ˆ˜ ์žˆ๋‹ค. ๋งŒ์•ฝ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋Œ€์ƒ์˜ id๋ฅผ ์ฝ˜์†”์ฐฝ์— ์ถœ๋ ฅํ•˜๋ ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ๋œ๋‹ค. $("a").click(function(event){ console.log(event.target.id); }); event.target๋ง๊ณ ๋„ this๋ผ๋Š” ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด ํ˜„์žฌ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋Œ€์ƒ์„ ๊ฐ€..

Client/Javascript 2020.06.19