제이쿼리 이벤트 등록 메서드의 종류
구분 종류 설명
로딩 이벤트 load() 선택한 이미지 또는 프레임 요소에 연동된 소스의 로딩이 완료된 후 이벤트가 발생합니다.
ready() 지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트가 발생합니다.
error() 이벤트 대상 요소에서 오류가 발생하면 이벤트가 발생합니다.
마우스 이벤트 click() 선택한 요소를 클릭했을 때 이벤트가 발생합니다.
dblclick() 선택한 요소를 연속해서 두 번 클릭했을때 이벤트가 발생합니다.
mouseout() 선택한 요소의 영역에서 마우스 포인터가 벗어났을 때 이벤트가 발생합니다. 이때 하위요소의 영향을 받습니다.
mouseover() 선택한 요소의 영역에 마우스 포인터를 올렸을 때 이벤트가 발생됩니다.
hover() 선택한 요소에 마우스 포인터를 올렸을 때와 벗어났을 때 각각 이벤트가 발생합니다.
mousedown() 선택한 요소에서 마우스 버튼을 눌렀을 때 이벤트가 발생합니다.
mouseup() 선택한 요소에서 마우스 버튼을 눌렀다 떼었을 때 이벤트가 발생합니다.
mouseenter() 선택한 요소 범위에 마우스 포인터를 올렸을 때 이벤트가 발생합니다.
mouseleave() 선택한 요소 범위에서 마우스 포인터가 벗어났을 때 이벤트가 발생합니다.
mousemove() 선택한 요소 범위에서 마우스 포인터를 움직였을 때 이벤트가 발생합니다.
scroll() 가로, 세로 스크롤바를 움직일 때마다 이벤트가 발생합니다.
포커스 이벤트 focus() 선택한 요소에 포커스가 생성되었을 때 이벤트를 발생하거나 선택한 요소에 강제로 포커스를 생성합니다.
focusin() 선택한 요소에 포커스가 생성되었을 때 이벤트가 발생합니다.
focusout() 포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트가 발생합니다.
blur() 포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트가 발생하거나 선택한 요소의 포커스가 강제로 사라지도록 합니다.
change() 이벤트 대상인 입력 요소의 값이 변경되고, 포커스가 이동하면 이벤트가 발생합니다. 그리고 강제로 change 이벤트를 발생시킬 때도 사용합니다.
키보드 이벤트 keypress() 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. 그리고 문자 키를 제외한 키의 코드값을 반환합니다.
keydown() 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. 키보드의 모든 키의 코드값을 반환합니다.
keyup() 선택한 요소에서 키보드에서 손을 떼었을 때 이벤트가 발생합니다.

01. 슬라이드 이펙트 - 트랜지션 효과

정답버튼을 누르면 정답이 나오는 퀴즈입니다.

확인하기

02. 슬라이드 이펙트 - 좌로 움직이기

정답버튼을 누르면 정답이 나오는 퀴즈입니다.

확인하기

03. 슬라이드 이펙트 - 좌로 움직이기(연속적으로)

객관식을 선택하면 정답을 알려줍니다

확인하기