불로구

이벤트 객체 - 이벤트가 발생하면, 브라우저는 발생한 이벤트에 관련된 다양한 정보를 담은 이벤트 객체를 만든다. - 이렇게 만들어진 객체는 이벤트 리스너에 전달을 한다. - 이벤트가 처리되면 이벤트 객체는 소멸된다. ​ ​ 이벤트 객체 전달받기 - 이름을 가진 이벤트 리스너 함수 - 익명 함수 - HTML 태그의 리스너 이 3가지의 방법으로 이벤트 객체를 전달받을 수 있다. ​ ​ 1) 이름을 가진 리스너 함수 - 첫 번째 매개변수를 통해 이벤트 객체를 전달받을 수 있다. - 여기서는 매개변수 이름을 e로 사용하지만, 사용자가 마음대로 써도 된다. 안녕하세요 마우스로 클릭하면 경고 창이 뜬다! ​ ​ 2) 익명 함수 안녕하세요 출력을 그대로지만 아까와 다르게 선언부 옆에 바로 함수를 선언했다! ​ ​ 3..

이벤트 종류 - HTML5 표준 이벤트는 70개가 넘는다. - 여기서는 몇 가지만 나열하겠습니다. onkeydown 아무 키가 누르는 순간 onclick 객체에 클릭할 때 onmousedown 객체에 마우스 버튼이 눌러지는 순간 onmousemove 객체 위에서 마우스가 움직이는 동안 발생 onmouseover 마우스 커서가 객체 안으로 들어가는 순간 onmouseout 마우스 커서가 객체에서 벗어나는 순간 ​ 이벤트 리스너 만들기 - HTML 태그 내에 작성 - DOM 객체의 이벤트 리스너 프로퍼티에 작성 - DOM 객체의 addEventListener() 이용 ​ 여기서는 addEventListener()을 이용해서 이벤트를 만들어 보겠습니다. 안녕하세요 초기 마우스 올렸을 때 마우스 올렸다가 내렸을..