기본 이벤트들
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 |