ํค๋ณด๋ ์ด๋ฒคํธ(2)
-
[JS + jquery] ์ ์ด์ฟผ๋ฆฌ ์ด๋ฒคํธ ๊ฐ์ฒด์ ์ข ๋ฅ, ํฌ์ปค์ค ์ด๋ฒคํธ, ํค๋ณด๋ ์ด๋ฒคํธ (scroll(), focus(), blur(), focusin(), focusout(), change(), keydown(), keyup(), keypress(), $(this), index())
1. ์ด๋ฒคํธ ๊ฐ์ฒด์ ์ข ๋ฅ ์ฌ์ฉ์๊ฐ ์ด๋ฒคํธ๋ฅผ ๋ฐ์์ํฌ๋ ๋ง๋ค ์ด๋ฒคํธ ํธ๋ค๋ฌ์ ๋งค๊ฐ๋ณ์์๋ ์ด๋ฒคํธ ๊ฐ์ฒด๊ฐ ์์ฑ๋๋ฉฐ, ์ด๋ฒคํธ ๊ฐ์ฒด์๋ ์ด๋ฒคํธ ํ์ ์ ๋ง๋ ๋ค์ํ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ์์ฑ๊ณผ ๋ฉ์๋๊ฐ ํฌํจ๋์ด ์๋ค. $("์ด๋ฒคํธ ๋์ ์ ํ").mousemove(function(๋งค๊ฐ๋ณ์) { ๋งค๊ฐ๋ณ์(์ด๋ฒคํธ ๊ฐ์ฒด).์์ฑ; }); - ์ด๋ฒคํธ ๊ฐ์ฒด์ ์์ฑ ์ข ๋ฅ 1๏ธโฃ ๋ง์ฐ์ค ์ด๋ฒคํธ clientX ๋ง์ฐ์ค ํฌ์ธํฐ x ์ขํฏ๊ฐ ๋ฐํ (์คํฌ๋กค ์ด๋๊ฑฐ๋ฆฌ ๋ฌด์) clientY ๋ง์ฐ์ค ํฌ์ธํฐ y ์ขํฏ๊ฐ ๋ฐํ (์คํฌ๋กค ์ด๋๊ฑฐ๋ฆฌ ๋ฌด์) pageX ์คํฌ๋กค x ์ถ์ ์ด๋ํ ๊ฑฐ๋ฆฌ๋ฅผ ๊ณ์ฐํ์ฌ ๋ง์ฐ์ค ํฌ์ธํฐ์ x ์ขํฏ๊ฐ์ ๋ฐํ pageY ์คํฌ๋กค y ์ถ์ ์ด๋ํ ๊ฑฐ๋ฆฌ๋ฅผ ๊ณ์ฐํ์ฌ ๋ง์ฐ์ค ํฌ์ธํฐ์ y ์ขํฏ๊ฐ์ ๋ฐํ screenX ํ๋ฉด ๋ชจ๋ํฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ..
2021.10.29 -
[JS + jquery] ์ ์ด์ฟผ๋ฆฌ ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋ (๋ก๋ฉ ์ด๋ฒคํธ, ๋ง์ฐ์ค ์ด๋ฒคํธ, ํฌ์ปค์ค ์ด๋ฒคํธ, ํค๋ณด๋ ์ด๋ฒคํธ)
1. ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋ ์ด๋ฒคํธ๋ ์ฌ์ดํธ์ ๋ฐฉ๋ฌธํ ์ฌ์ฉ์๊ฐ ์ทจํ๋ ๋ชจ๋ ํ์๋ฅผ ๋งํ๋ค. ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ์คํ๋๋ ์ฝ๋๋ฅผ ๋งํ๋ค. ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋๋ ๋ฐฉ๋ฌธ์๊ฐ ์ง์ ํ ์์์์ ์ด๋ ํ ํน์ ๋์์ด ์ผ์ด๋ฌ์ ๋ ์ ์ฅ๋ ์ฝ๋๋ฅผ ์คํ์ํฌ ์ ์๋ค. ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋ ์ข ๋ฅ์๋ ํ๋์ ์ด๋ฒคํธ๋ง ๋ฑ๋กํ ์ ์๋ ๋จ๋ ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋์ 2๊ฐ ์ด์์ ์ด๋ฒคํธ๋ฅผ ๋ฑ๋กํ ์ ์๋ ๊ทธ๋ฃน ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋๊ฐ ์๋ค. 2. ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋ ์ข ๋ฅ 1๏ธโฃ ๋ก๋ฉ ์ด๋ฒคํธ load() ์ ํํ ์ด๋ฏธ์ง ๋๋ ํ๋ ์ ์์์ ์ฐ๋๋ ์์ค์ ๋ก๋ฉ์ด ์๋ฃ๋ ํ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋ค. ready() ์ง์ ํ html ๋ฌธ์ ๊ฐ์ฒด์ ๋ก๋ฉ์ด ์๋ฃ๋ ํ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋ค. error() ์ด๋ฒคํธ ๋์ ์์์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ฉด ์ด๋ฒคํธ๊ฐ ..
2021.10.29