์ธํŒŒ

You Can Become A

Pro

๋Šฆ๊ฒŒ ์‹œ์ž‘ํ•ด๋„ ๋ˆ„๊ตฌ๋“ ์ง€ ๋…ธ๋ ฅํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ ์ˆ˜ ์žˆ์–ด์š” !

new event

๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค
JavaScript (WEB)

[JS] ๐Ÿ“š ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ปค์Šคํ…€ ์ด๋ฒคํŠธ ๋‹ค๋ฃจ๊ธฐ ๐Ÿ’ฏ ์ •๋ฆฌ

์ด๋ฒคํŠธ ๋””์ŠคํŒจ์น˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ•ธ๋“ค๋Ÿฌ๋ฅผ ํ• ๋‹นํ•  ์ˆ˜ ์žˆ์„ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ด๋ฒคํŠธ๋ฅผ ์ง์ ‘ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ์ปค์Šคํ…€ ์ด๋ฒคํŠธ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ชฉ์ ์— ๋”ฐ๋ผ click, mousedown ๊ฐ™์€ ๋‚ด์žฅ ์ด๋ฒคํŠธ๋ฅผ ์ง์ ‘ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋งŒ๋“  ๋‚ด์žฅ ์ด๋ฒคํŠธ๋“ค์€ ํ…Œ์ŠคํŒ…์„ ์ž๋™ํ™”ํ•  ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. Event์˜ ์ƒ์„ฑ์ž ๋‚ด์žฅ ์ด๋ฒคํŠธ ํด๋ž˜์Šค๋Š” DOM ์š”์†Œ ํด๋ž˜์Šค๊ฐ™์ด ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ํ˜•์„ฑํ•ฉ๋‹ˆ๋‹ค. ๋‚ด์žฅ ์ด๋ฒคํŠธ ํด๋ž˜์Šค ๊ณ„์ธต์˜ ๊ผญ๋Œ€๊ธฐ์—” Event ํด๋ž˜์Šค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. Event ๊ฐ์ฒด๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. let event = new Event(type[, options]); type โ€“ ์ด๋ฒคํŠธ ํƒ€์ž…์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฌธ์ž์—ด๋กœ "click"๊ฐ™์€ ๋‚ด์žฅ ์ด๋ฒคํŠธ, "my-event" ๊ฐ™์€ ์ปค์Šคํ…€ ์ด๋ฒคํŠธ๊ฐ€ ์˜ฌ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค...

category_image
์ธํŒŒ_
2021.10.26
3