JQuery 이벤트 리스너

• 이벤트가 발생했을 때 그 처리를 담당하는 함수

로딩 이벤트

처음 페이지가 실행될 때 시작 - 보통 사람들한테 내용을 보여주기 전에 해야하는 작업을 넣는다.
.ready( )
$( )

$(document).ready(function () {
         alert("document.ready");
        });
-------        
$(function () {
        alert("ready");
      });

마우스 이벤트

• click()
• mouseover()
• hover()
• scroll()

$("#div1").click(function (e) {
        console.log("div click");
 });
----- 
$("#div1").mouseover(function () {
        console.log("div mousover");
 });
//hover는 마우스를 올렸을 때와 땠을 때 둘다 감지한다. 
//마우스 오버는 올렸을 때만 감지.
//hover는 함수 2개를 설정할 수 있다. - 올렸을 때와 땠을 때
-----
$("#div1").hover(
   function () {
          console.log("div: hover1");
        },
   function () {
          console.log("div: hover2");
}
);
----- 
$(window).scroll(function () {
        console.log("window scroll");
});
// 스크롤 이벤트 - 특정 요소에, 특정 게시판에만 스크롤을 걸고 싶은 경우

키보드 이벤트 (down→up)

• keydown(): 눌렀지만 아직 반응 X, 아직 글자가 나오기 전
  - keypress(): 누르고 입력창에 반영이 된 상태. 실제 글자가 나올 때 => 예전에 있었으나 현재는 권장되지 않는 것으로 보인다!
• keyup(): 키에서 손을 떼는 것