Event

// ์ด๋ฒคํŠธ ์ถ”๊ฐ€

const el = document.getElementById("one");
const show = () => {
    console.log("์ด๋ฒคํŠธ ->", "๋ˆŒ๋ ธ๋‹ค")
}

el.addEventListner("click", show, false); //true๋Š” ์บก์ณ, false๋Š” ๋ฒ„๋ธ”

el.removeEventListner("click", show, false); //๋™์ผํ•œ ์กฐ๊ฑด์˜ ์ด๋ฒคํŠธ๋งŒ ์‚ญ์ œ๋จ

el.onClick = show; //HTML eventHandler๋Š” on+์ด๋ฆ„ IDL ํ˜•ํƒœ ์˜ต์…˜ ์บก์ณ๋‚˜ ๋ฒ„๋ธ” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Œ
el.onClick = null; //null์„ ์„ค์ •ํ•˜๋Š”๊ฑด ์‚ญ์ œํ•˜๋Š”๊ฑฐ๋ž‘ ๋˜‘๊ฐ™์Œ

<p id="one" onClick="show()">ํ•˜๋‚˜</p> //content ์†์„ฑ์œผ๋กœ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ์ž‘์„ฑ ๊ฐ€๋Šฅ

DOM์€ eventListner

HTML์€ eventHandler (onClick๊ณผ ๊ฐ™์€ ์ด๋ฆ„)

Last updated