RSS DEV ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ‘‚ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋Š” ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๊นŒ?

"์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‚ฌ์šฉ์ž ์ƒํ˜ธ์ž‘์šฉ seperti ํด๋ฆญ ๋ฐ ํƒ€์ดํ•‘์— ๋ฐ˜์‘ํ•˜๋Š” ์›น ์‚ฌ์ดํŠธ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ๋Š” ์›น ํŽ˜์ด์ง€์—์„œ ๋ฐœ์ƒํ•˜๋Š” ์•ก์…˜์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๋ฒ„ํŠผ ํด๋ฆญ ๋˜๋Š” ํผ ์ œ์ถœ์ž…๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋Š” ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ ํŠน์ • ์ฝ”๋“œ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š” "๊ฐ์‹œ์ž"์ž…๋‹ˆ๋‹ค. addEventListener() ๋ฉ”์„œ๋“œ๋Š” onclick๋ณด๋‹ค ์œ ์—ฐ์„ฑ ๋ฐ ๊นจ๋—ํ•œ ์ฝ”๋“œ๋ฅผ ์œ„ํ•ด ์„ ํ˜ธ๋ฉ๋‹ˆ๋‹ค. addEventListener()๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—ฌ๋Ÿฌ ๋ฆฌ์Šค๋„ˆ๋ฅผ ๋‹จ์ผ ์š”์†Œ์— ์ฒจ๋ถ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋” ์ด์ƒ ํ•„์š”ํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ removeEventListener()๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์ธ ์ด๋ฒคํŠธ ์œ ํ˜•์—๋Š” "ํด๋ฆญ", "keydown", "mouseover", "์ž…๋ ฅ", "์Šคํฌ๋กค"์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ํฌํ•จํ•˜๋Š” ์ด๋ฒคํŠธ ๊ฐœ์ฒด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋Š” ์ƒํ˜ธ์ž‘์šฉ ์›น ํŽ˜์ด์ง€๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์‹คํ—˜ํ•˜์—ฌ ์ดํ•ด ๋ฐ ์ ์šฉ์„ ๊ฐ•ํ™”ํ•ฉ๋‹ˆ๋‹ค."
favicon
dev.to
๐Ÿ‘‚ How Event Listeners Work in JavaScript
Create attached notes ...