JavaScript 이벤트 설정

모든 문서 객체는 생성되거나 클릭되거나 마우스를 위에 올리거나 할 때 이벤트라는 것이 발생한다. 그리고 이 이벤트가 발생할 때 실행할 함수를 addEventListener() 메소드를 통해 지정할 수 있다. 

문서객체.addEventListener(이벤트 이름, 콜백 함수- 이벤트 리스너 또는 이벤트 핸들러라고 부름)

addEventListener를 h1에 적용시켜 h1 영역을 클릭할 때마다 화면의 숫자가 올라간다.

*이벤트 제거

문서객체.removeEventListener(이벤트이름, 이벤트리스너)

버튼 태그를 이용하여 이벤트 추가, 삭제 기능 구현

 

keyup 이벤트 사용. keyup은 키보드를 눌렀다 땠을 때 이벤트 발생. - 아시아권 문자에도 제일 잘 적용됨.

listener()에서 textarea에 접근할 수가 없음