이벤트객체

이벤트를 짤 때, 이벤트핸들러에 함수명을 적어도 동작합니다.

$(document).on('keydown', keyboardInput);

위의 예에서 keyboardInput은 다른 곳에 정의되어 있는 함수이죠.

위와 같이 코드를 작성하면 jquery에서 이미 이벤트핸들러 함수인 keyboardInput을 호출하는 코드가 이미 적혀있는 것입니다.

또한 keyboardInput 함수에서 파라미터로 받을 수 있는 것이 이벤트 객체입니다.

// 이벤트 객체를 사용할 경우
function keyboardInput(e) {
  console.log(e);
}

여기서는 e가 이벤트 객체를 받는 파라미터가 되는 것입니다.

위 코드를 치고 실행하면 콘솔에서 이벤트객체를 확인할 수 있습니다.