🖋️
JQuery
  • 제이쿼리
  • 제이쿼리 기본
  • 선택자
    • 기본 선택자
    • 계층 선택자
    • 속성 선택자
    • 기본 필터 선택자
    • 내용 필터 선택자
    • 보임 필터 선택자
    • 자식 요소 필터 선택자
    • 폼 요소 필터 선택자
  • 탐색
    • .find()/filter()
    • each()/$.each()
  • 속성
    • addClass() / removeClass()
    • toggleClass()
    • hasClass()
    • attr()/removeAttr()
    • position()/offset()
    • scrollTop()/scrollLeft()
  • 변경
    • text()/html()
    • append()/prepend()
    • remove() / empty()
  • 애니메이션
    • show()/hide()
    • fadeIn() /fadeOut()
    • slideUp()/slideDown()
    • animate()
  • 이벤트
Powered by GitBook
On this page

Was this helpful?

이벤트

이벤트란 사이트에서 방문자가 취하는 모든 행위를 말하고 이벤트 핸들러는 이벤트가 발생했을 때 실행되는 코드를 말합니다.

이벤트 등록 메서드의 종류

구분

종류

설명

로딩 이벤트

load()

선택한 이미지 또는 프레임 요소에 연동된 소스의 로딩이 완료된 후 이벤트가 발생

ready()

지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트가 발생

error()

이벤트 대상 요소에서 오류가 발생하면 이벤트가 발생

마우스 이벤트

click()

선택한 요소를 클릭했을때 이벤트가 발생

dblclick()

선택한 요소를 선택해서 두 번 클릭했을 때 이벤트가 발생

mouseout()

선택한 요소의 영역에서 마우스 포인터가 벗어났을 때 이벤트가 발생

mouseover()

선택한 요소의 영역에 마우스 포인터를 올렸을 때 이벤트가 발생

hover()

선택한 요소에 마우스 포인터를 올렸을 때와 벗어났을 때 각각 이벤트가 발생

mousedown()

선택한 요소에서 마우스 버튼을 눌렀을 때 이벤트 발생

mouseup()

선택한 요소에서 마우스 버튼을 눌렀다 떼었을 때 이벤트 발생

mouseenter()

선택한 요소 범위에 마우스 포인터를 올렸을 때 이벤트 발생

mouseleave()

선택한 요소 범위에서 마우스 포인터가 벗어났을때 이벤트 발생

mousemove()

선택한 요소 범위에서 마우스 포인터를 움직였을 때 이벤트 발생

scroll()

가로,세로 스크롤바를 움직일 때마다 이벤트 발생

포커스 이벤트

focus()

선택한 요소에 포커스가 생성되었을 때 이벤트를 발생하거나 선택한 요소에 강제로 포커스를 생성

focusin()

선택한 요소에 포커스가 생성되었을 떄 이벤트 발생

blur()

포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트가 발생하거나 선택한 요소의 포커스가 강제로 사라지도록 함

change()

이벤트 대상인 입력 요소의 값이 변경되고, 포커스가 이동하면 이벤트가 발생합니다. 그리고 강제로 change이벤트를 발생시킬 때도 있습니다.

키보드

이벤트

keypress()

선택한 요소에소 키보드를 눌렀을 때 이벤트가 발생. 그리고 문자키를 제외한 키의 코드값을 반환

keydown()

선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생. 키보드의 모든 키의 코드값을 반환

keyup()

선택한 요소에서 키보드에서 손을 떼었을 때 이벤트가 발생

Previousanimate()

Last updated 4 years ago

Was this helpful?