jQuery 이벤트(jQuery Event Methods)

jQuery는 html 페이지에 일어나는 작업에 대해서 처리를 합니다.

예를 틀면 마우스 이동, 마우스클릭, 키보드, 입력 폼, 문서 읽기등 같은 것을 말합니다.

몇가지 알아보도록 하겠습니다.

$("").click();				// 클릭에 관한 것을 처리합니다.
$("").dbclick();			// 더블클릭 처리
$("").mouseenter();		// 마우스가 해당하는 요소로 들어오는 것을 감지합니다.

click()은 아래와 같은 형태를 해보면 작동하는 것을 확인할 수 있습니다.

head에 다음과 같은 것을 입력합니다.

body에 div 요소가 들어가는 것을 입력합니다.

div 요소 클릭하면 사라져요.
DIV가 아니라 안 사라져요.
저도 DIV요소라서 같이 사라져요

작성이 되었다면 해당 요소를 클릭했을때 사라지는 것을 볼 수 있습니다.

dbclick()도 역시 같은 방법으로 합니다.

위에서 작성한 것에서 head에 들어가 있는 내용만 바꾸어 줍니다.

click --> dbclick 로 하면 됩니다.

저장이 완료되었다면 웹 브라우저를 통하여 확인해 보세요.

해당 요소에서 더블클릭이 일어나야 사라집니다.

mouseenter()도 동일한 방법을 택합니다.

재활용을 위해서 위 작성한 문서에서 head 부분만 교체를 합니다.

역시 저장을 하고 웹 브라우저로 페이지를 확인합니다.

div 요소위로 마우스가 가면 해당요소가 사라집니다.

jQuery 이벤트는 이런형태로 사용을 합니다.

더 많은 이벤트에 관한 것은 아래 링크를 확인하시면 됩니다.(영문)

http://api.jquery.com/category/events/