[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