이벤트 핸들러 작성 $(선택자).bind("click", function(){ /**/ }); 와 $(선택자).click(function(){ /**/ }); > 소스코드

본문 바로가기

사이트 내 전체검색


소스코드

jQuery | 이벤트 핸들러 작성 $(선택자).bind("click", function(){ /**/ }); 와 $(선택자…

페이지 정보

작성자 100K5 작성일14-09-18 11:34 조회71,503회 댓글0건

본문

jQuery 이벤트 핸들러 작성의 예입니다.

01. .bind를 이용한 방법

$(function(){
 $("body").bind('click', function(){
  alert( 'click !!' );
 });
});

 
02. .bind를 이용해 다중 이벤트를 주는 방법 ( 이벤트 공백 이벤트... )

$(function(){
 $("body").bind('click keyup', function(){
  alert( 'click' !! );
 });
});

 
02. 간소화 된 이벤트 핸들러

$(function(){
 $("body").click(function(){
  alert( 'click !!' );
 });
});

이렇게 사용하는 것도 가능합니다.

 
다음 간소화 된 이벤트 메서드는 모두 표준 DOM 이벤트에서 정의 된 것입니다.

blur
change
click
dblclick
error
focus
keydown
keypress
keyup
load
mousedown
mousemove
mouseover
mouseup
resize
scroll
select
submit
unload

[출처] http://take0415.blog.me/60133065954


댓글목록

등록된 댓글이 없습니다.



회사소개 개인정보취급방침 서비스이용약관 Copyright © 소유하신 도메인. All rights reserved.상단으로
TEL. 00-000-0000 FAX. 00-000-0000 서울 강남구 강남대로 1
대표:홍길동 사업자등록번호:000-00-00000 개인정보관리책임자:홍길동
PC 버전으로 보기