본문 바로가기

바보는 지금어디

jQuery 이벤트제어 모음


.bind() : event가 발생 시 실행될 함수지정 (이미 생성된 DOM에 대해)

.unbind() : bind()를 해제


.live() : 동적으로 생성된 DOM 객체들 이벤트 연결 (이벤트 버블 발생 가능)

.die() : live() 제거


.delegate() : 동적으로 생성된 DOM 객체들 이벤트 연결(이벤트 버블 방지)

.undelegate() : delegate() 제거


.on() : 동적으로 생성된 DOM 객체들 이벤트 연결 (1.7 이후 버전)

.off() : on() 제거 (1.7 이후 버전)


.one() : bind() 함수처럼 선택된 이벤트를 지정, 딱 한번만 이벤트 실행


.trigger() : 선택된 요소 이벤트 발생


.triggerHandler() : trigger() 함수와 비슷하게 동작

   form submission에는 동작 X/선택된 요소 중 가장 첫번째 요소만 영향/브라우저 기본동작, 버블링, live Events 없음



브라우져 Event

.load() : 문서가 불려졌을 때

.unload() : 문서가 닫혔을 때

.ready() : DOM이 모두 준비 되었을 때 함수 실행


$.holdReady() <jQuery.holdReady()> : DOM이 로드 지연

   js파일을 불러들이고 동작을 할때, js가 로드되지 않은 시점에 DOM이 로드 되는것을 방지/ head 영역에 선언하는게 좋다

   $.holdReady(true);  DOM이 로드되는 것을 멈춤

   $.getScript("myplugin.js", function(){  myplugin.js 파일을 가져옴

   $.holdReady(false);  파일 로드가 성공하면 DOM을 구성


.resize() : 창 크기가 변경되었을 때 함수 실행

.scroll() : HTML 문서가 스크롤 되었을 때

.error() : 선택된 개체가 정확하게 로드(load)되지 않을 경우 발생하는 오류 이벤트


마우스 Event

.click() : 마우스 클릭

.dblclick() : 마우스 더블 클릭


.mousedown() : 마우스 버튼을 누른 순간

.mouseup() : 마우스 버튼을 놓는 순간


.mouseover() : 대상에 마우스 커서가 위치했을 때

.mouseseenter() : 대상에 마우스가 위치했을 때


.mousemove() : 대상에서  마우스 커서가 움직였을 때


.mouseout() : 대상에서 마우스가 벗어 났을때

.mouseleave() : 대상에서 마우스가 벗어났을 때


.hover() : 마우스가 요소에 오버되었을 때 첫 번째 함수가 실행, 마우스가 요소를 떠날  때 두 번째 함수가 실행

.toggle()


키보드 Event

.keypress() : 키 입력 시 (enter, tabemd의 특수키 제외)

.keydown() : 키 입력을 누르고 있을 때, 모든 키에 대해 적용


.keyup() : 키 입력 후 발생


form Event

.select() : 선택한 개체를  선택 했을 때

.change() : <input />, <textarea />, <select /> 요소의 값 변경시 실행


.focus() : 해당 요소에 포커스를 받았을 때 실행되는 함수

.focusin() : focus() 의 업그레이드(1.4)


.blur() : 해당 요소에 포커스를 잃었을 때 실행되는 함수

.focusout() : blur()의 업그레이드(1.4)


.submit() : submit이 일어날 때


event 함수 option 처리

event.target : event를 발생시킨 Target

event.currentTarget  : event 버블링으로 현재 이벤트 발생되는 Target

event.relatedTarget : 해당 이벤트와 관련된 다른 DOM 요소 선택


event.result :해당 이벤트가 실행한 이벤트 핸들러 함수에 의해 리턴되는 가장 마지막 값

event.data : event 대상이 가지고 있는 값


event.namespace : 이벤트가 tirgger 됐을때, 발생한 이벤트의 namespace


event.pageX : 이벤트가 발생한 요소의 문서의 왼쪽부터의 위치

event.pageY : 이벤트가 발생한 요소의문서의 상단으로부터의 위치


event.timeStamp : event가 실행된 시간


event.type : 실행된 event 타입

event.which : 이벤트가 발생된 요소의 key (키보드 값<숫자>, 마우스 <왼쪽 1, 중간 2, 오른쪽 3>)


event.preventDefault() : 해당 요소에 걸려있는 다른 이벤트를 무력화

event.isDefaultPrevented() : event.preventDefault() 상태인지 체크 true / false


event.stopPropagation() : 다른 이벤트 핸들러가 호출되는 것을 막는다.(이벤트 버블링)

event.stopImmediatePropagation() : 다른 이벤트 핸들러가 호출되는 것을 막는다. (이벤트 버블링)


event.isPropagationStopped() : event.stopPropagation()이 호출 됐는지 여부 리턴 true / false

event.isImmediatePropagationStopped() : event.stopImmediatePropagation()이 호출됐는지 여부 리턴 true /false


출처 : http://hyeonstorage.tistory.com/64

'바보는 지금어디' 카테고리의 다른 글

HTML 문자(특수코드)  (0) 2017.08.08
SQL  (0) 2016.12.27