기본 이벤트들

Mouse Events

Keyboard Events

Form Events

Document/Window Events

click

keypress

submit

load 

dblclick

keydown

change

resize

mouseenter

keyup

focus

scroll

mouseleave


blur

unload

 


<p> 객체를 클릭했을 때 이벤트를 발생하고 싶다면

$("p").click() 처럼 쓰는데 다음 행동을 정의하고 싶을땐 아래와 같이 코딩하면 된다.


$("p").click(function (){

다음에 할 행동들

});


흔히 사용되는 jQuery 이벤트 메소드들

$(document).ready() 

문서가 전부 불러왔을 때 발생하는 이벤트


click() 

HTML 객체를 클릭했을 때 발생하는 이벤트


dblclick()

HTML 객체를 더블클릭 했을 때 발생하는 이벤트


mouseenter()

HTML 객체에 마우스를 올렸을 때 발생하는 이벤트


mouseleave()

HTML 객체에 마우스를 올렸다가 땔떼 발생하는 이벤트


mousedown()

HTML 객체를 마우스 왼쪽,중간(휠),오른쪽로 눌렀을 했을 때 발생하는 이벤트


mouseup()

HTML 객체를 마우스 왼쪽,중간(휠),오른쪽로 땠을 때 발생하는 이벤트 (다른 곳을 누른 상태로 객체에 마우스 올려도 발생)


hover()

mouseenter() 와 mouseleave() 메소드를 사용하는 메소드

순서는 mouseenter() -> mouseleave() 순이다.


focus()

HTML 폼 영역이 포커싱 될때 발생하는 이벤트


blur()

HTML 폼 영역이 포커싱을 잃었을 때 발생하는 이벤트


on() 메소드

선택된 객체에 하나 이상의 이벤트 핸들러들을 붙일 때 사용한다.

$(선택자).on({

이벤트: function(){

},

이벤트1: function(){

},

...

});

'프로그래밍 > JSP, Spring, HTML5' 카테고리의 다른 글

(JSP) 액션  (0) 2016.07.10
(JSP) 기본 문법 - 주석과 지시어  (0) 2016.07.10
(JSP) MAC에서 JSP 개발환경 구축하기  (0) 2016.07.10
(jQuery) 선택자  (0) 2016.07.10
(이클립스) Dynamic Web Project 만들기  (0) 2016.07.10

+ Recent posts