jQuery 이벤트 메소드란?

이벤트란 웹페이지가 응답 할 수 있는 모든 다른 방문자의 동작을 일컫는다.

 

만약 페이지의 모든 단락에 클릭 이벤트를 할당하고 싶다면 아래의 코드와 같은 형식을 쓰도록하자.

$("p").click(function(){
  // action goes here!!
});

다음 단계는 이벤트가 발생할 때 발생할 일을 정의 하는 것이다. 발생할 일은 함수 안에 적어 전달하면 된다.

이제 일반적으로 사용되는 jQuery 이벤트 메소드에 대해 살펴 보도록 하자.

---

1. $(document).ready()

:이 메소드를 사용하면 문서가 완전히 로드 될 때 함수를 실행 할 수 있다.

2.dblclick()

:이 함수는 사용자가 HTML요소를 두 번 클릭 할 때 실행된다.

3.mouseenter()

:HTML 요소에 대한 이벤트 핸들러 함수를 첨부한다.

이 함수는 마우스 포인터가 HTML요소에 들어갈 때 실행된다.

4.mouseleave()

:이 함수는 마우스 포인터가 HTML요소를 벗어날 때 실행된다.

5.mousedown()

:왼쪽,가운데 또는 오른쪽 마우스 버튼을 누른 상태에서 마우스가 HTML요소 위에있을 때 함수가 실행된다.

6.mouseup()

:왼쪽, 가운데 또는 오른쪽 마우스 단추를 놓을 때, 마우스가 HTML 요소 위에있을 때 함수가 실행된다.

---

##focus()메서드와 blur()메서드 그리고 on()메서드에 대해서##

focus()메서드는 양식필드에 포커스가 있을 때 실행되는 반면 blur()메서드는 양식필드가 포커스를 잃을 때 실행된다.

그리고 마지막으로 on()메서드는 상기 선택된 요소에 대한 하나 이상의 이벤트 핸들러를 첨부할때 사용한다.