이 기능은 MS가 1999년 인터넷 익스플로러 5.0에 설계하고 구현한 기능으로 지금까지도 인터넷 익스플로러에서 지원하고 있습니다. HTML5 규격 명세는 기존의 드래그 앤드 드롭 기능을 문서화했고 현재 사파리, 파이어폭스, 크롬 등이 지원하고 있습니다. 드래그 앤드 드롭과 관련한 이벤트로는 dragstart, drag, dragover, dragenter. dragleave, drop, dragend 등이 있습니다. HTML5 파일 API를 지원하지 않는 구형 브라우저라도 …

사용자가 키보드를 눌렀을 때 발생한 이벤트를 처리할 수 있습니다. 이벤트 설 명 .keydown() 사용자가 키보드의 키를 누를 때 발생 .keypress() 사용자가 키보드의 키를 누른 상태일 때 발생 (shift, alt, ctrl, esc 는 작동하지 않음) .keyup() 사용자가 키를 누르고 놓을 때 발생 …

마우스에 의해 발생한 이벤트는 다음 표를 아용할 수 있습니다. 이벤트 설 명 .mouseover() 요소 위에 마우스를 올렸을 때 (이벤트 버블링이 이루어짐) .mouseenter() 요소 위에 마우스를 올렸을 때 (이벤트 버블링되지 않음) .mousedown() 마우스로 누르고 있을 떄 .mouse…

폼 이벤트에는 다양한 이벤트를 제공합니다. 이벤트 설 명 .blur() 폼 요소에서 포커스를 잃었을 때 .focus() 폼 요소가 포커스 되었을 때 .focusin() 폼 요소(또는 자식요소)가 포커스 되었을 때 .focusout() 폼 요소(또는 자식요소)가 포커스를 잃었을 때 …

브라우저에 변화가 발생하면 자동으로 실행될 이벤트를 설정할 수 있습니다. 이벤트 설 명 .ready() 페이지가 모두 로드되었을 때 (DOM 이 완전히 로드되었을 때 실행) .load() 페이지가 모두 로드되었을 때 (DOM, 이미지, 텍스트 등 모든 요소가 로딩되면 실행) .unload() 페이지를 빠져 나갈 때 …

제이쿼리는 자바스크립트의 이벤트 헨들러와 동일하게 동작합니다. 그러므로 여기서는 이벤트 헨들러를 어떻게 등록하는지, 어떻게 동작하는지에 대해 다룹니다. 제이쿼리에서는 윈도우 이벤트, 마우스 이벤트, 폼 관련 이벤트, 키보드 이벤트 등 자주 사용하는 이벤트 메소드를 제공합니다. 제이쿼리에서 이벤트를 등록하는 방법은 다음과 같습니다. $(select).click( function ); $(select).on( "click ...,", function…