"์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฌ์ฉ์ ์ํธ์์ฉ seperti ํด๋ฆญ ๋ฐ ํ์ดํ์ ๋ฐ์ํ๋ ์น ์ฌ์ดํธ๋ฅผ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค. ์ด๋ฒคํธ๋ ์น ํ์ด์ง์์ ๋ฐ์ํ๋ ์ก์
์
๋๋ค. ์๋ฅผ ๋ค์ด ๋ฒํผ ํด๋ฆญ ๋๋ ํผ ์ ์ถ์
๋๋ค. ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ ๋ ํน์ ์ฝ๋๋ฅผ ํธ๋ฆฌ๊ฑฐํ๋ "๊ฐ์์"์
๋๋ค. addEventListener() ๋ฉ์๋๋ onclick๋ณด๋ค ์ ์ฐ์ฑ ๋ฐ ๊นจ๋ํ ์ฝ๋๋ฅผ ์ํด ์ ํธ๋ฉ๋๋ค. addEventListener()๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ๋ฌ ๋ฆฌ์ค๋๋ฅผ ๋จ์ผ ์์์ ์ฒจ๋ถํ ์ ์์ต๋๋ค. ๋ ์ด์ ํ์ํ์ง ์์ ๊ฒฝ์ฐ removeEventListener()๋ฅผ ์ฌ์ฉํ์ฌ ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ ์ ๊ฑฐํ ์ ์์ต๋๋ค. ์ผ๋ฐ์ ์ธ ์ด๋ฒคํธ ์ ํ์๋ "ํด๋ฆญ", "keydown", "mouseover", "์
๋ ฅ", "์คํฌ๋กค"์ด ์์ต๋๋ค. ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ด๋ฒคํธ์ ๋ํ ์ ๋ณด๋ฅผ ํฌํจํ๋ ์ด๋ฒคํธ ๊ฐ์ฒด๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ ์ํธ์์ฉ ์น ํ์ด์ง๋ฅผ ์์ฑํ๋ ๋ฐ ํ์์ ์
๋๋ค. ๋ค์ํ ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ ์คํํ์ฌ ์ดํด ๋ฐ ์ ์ฉ์ ๊ฐํํฉ๋๋ค."
dev.to
๐ How Event Listeners Work in JavaScript
Create attached notes ...
