본문 바로가기
반응형

이벤트 타입3

Javascript 이벤트 타입 - 마우스 마우스 이벤트 타입 웹브라우저는 마우스와 관련해서 다양한 이벤트 타입을 지원한다. click : 클릭했을 때 발생하는 이벤트. dblclick : 더블클릭을 했을 때 발생하는 이벤트 mousedown : 마우스를 누를 때 발생 mouseup : 마우스버튼을 땔 때 발생 mousemove : 마우스를 움직일 때 mouseover : 마우스가 엘리먼트에 진입할 때 발생 mouseout : 마우스가 엘리먼트에서 빠져나갈 때 발생 contextmenu : 컨텍스트 메뉴가 실행될 때 발생 아래의 예제처럼 쓰인다. 자바스크립트 문서의 일부분. t.addEventListener('click', handler); t.addEventListener('dblclick', handler); t.addEventListener.. 2020. 11. 26.
Javascript 이벤트 타입 - 문서 로딩 문서 로딩 웹페이지를 프로그래밍적으로 제어하기 위해서는 웹페이지의 모든 요소에 대한 처리가 끝나야 한다. 이것을 알려주는 이벤트가 load, DOMContentLoaded이다. jinseok 위의 코드의 실행결과는 null이다. 왜냐하면 스크립트 문서보다 아래쪽에 위치한 jinseok가 로딩되기 전에 자바스크립트가 실행되었기 때문이다. 이를 해결하기 위한 방법은 아래와 같이 스크립트를 문서 끝에 위치시키는 것이 있지만 또 다른 방법은 load 이벤트 타입을 이용하는 것이다. ↓ jinseok 그런데 load 이벤트는 문서내의 모든 리소스(이미지, 스크립트)의 다운로드가 끝난 후에 실행된다. 이것을 에플리케이션의 구동이 너무 지연되는 부작용을 초래할 수 있다. 하지만 DOMContentLoaded는 문서에.. 2020. 11. 26.
Javascript 이벤트 타입 - 폼(form) form 폼 submit submit은 폼의 정보를 서버로 전송하는 명령인 submit시에 일어난다. form 태그에 적용된다. name ※ 위에서 event.preventDefault();은 전송을 취소하는 동작 취소 명령이다. change change는 폼 컨트롤의 값이 변경 되었을 때 발생하는 이벤트다. input(text,radio,checkbox), textarea, select 태그에 적용된다. blur, focus focus는 엘리먼트에 포커스가 생겼을 때, blur은 포커스가 사라졌을 때 발생하는 이벤트다. 다음 태그를 제외한 모든 태그에서 발생한다. , , , , , , , , 2020. 11. 26.
반응형

티스토리툴바