javascript 14. 이벤트 처리하기!

안녕하세요 오늘은 이벤트 처리하기 해볼거에요~ 

여기서 이벤트란 : DOM기반의 요소들은 event를 감지해서 그 이벤트가 감지되었을 때 원하는 코드가 실행하도록 할수 있어요!

 

대표적인 이벤트의 종류로는

 

click : 해당 객체 클릭했을때

mousemove : 해당 객체 위에 마우스가 이동했을때

keypress : 해당 객체가 선택된 상태에서 키보드 입력이 발생했을때

submit : form의 전송 ( submit) 버튼이 눌렸을때

load : 해당 객체가 화면에로딩이 완료되어 화면에 표시될때 

 

이때 이벤트가 실제로 발생할시 우리가 상황에서 어떤걸 할거야 미리 정해놓는게 이벤트 리스너이다!

 

이벤트 리스너의 생성방법은

 

element.addEventListener('이벤트명' , 함수명) ; 이벤트명의 이벤트가 발생했을때 발생하는 함수의 이벤트 리스너를 만든다