Input box ์ข
๋ฅ โ ์ด๊ฑฐ ๋ง๊ณ ๋ ๋ค์ํ ์ข
๋ฅ์ ์ธํ ๋ฐ์ค๊ฐ ๋ง์ผ๋ ํ์ํ ๋ ์ฐพ์์ฐ๊ธฐ ์ ๋ญ๊ฐ ์
๋ ฅํ๋ฉด, ์ฝ๋๊ฐ ์คํ๋๋๋ก ์ด๋ด๋ onChange ์๋๋ฉด onInput ์ด๋ฒคํธํธ๋ค๋ฌ๋ฅผ ๋ถ์ฐฉํ๋ฉด ๋ฉ๋๋ค {์คํํ ์ฝ๋}}/> ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ ๋ง๋ค onMouseOver={ } ์ด๊ฑด ์ด ์์์ ๋ง์ฐ์ค๋ฅผ ๋์ ๋ ์์ ์ฝ๋๋ฅผ ์คํํด์ค onScroll={ } ์ด๊ฑด ์ด ์์๋ฅผ ์คํฌ๋กค ํ์๋ ์์ ์ฝ๋๋ฅผ ์คํํด์ค ์
๋ ฅ๊ฐ์ ๊ฐ์ ธ์ค๋ ๋ฒ {console.log(e.target.value)}}/> e๋ผ๋ ํ๋ผ๋ฏธํฐ๋ฅผ ์ถ๊ฐํ๊ณ , e.target.value๋ฅผ ์ฐ๋ฉด ์ฌ์ฉ์๊ฐ ์
๋ ฅํ ๊ฐ์ ๊ฐ์ ธ์ฌ ์ ์์ ์ฐธ๊ณ ๋ก e๋ง๊ณ ์๋ช
์์ ๋กญ๊ฒ ํด๋๋จ e.target => ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ html e.preventDefault()=> ์ด๋ฒค..