반응형 event3 [JavaScript] 이벤트 핸들러 [2] JavaScript로 자주 사용하는 이벤트 핸들러를 구현해 본다. 페이지 로딩 시, 문서에서 기본키 설정 시, 마우스에 대한 처리를 예제로 구현해 보았다. ▣ EventHandler2.html 이벤트 대상 구분 객체 Text Checkbox all yes no Radio all yes no Select All Yes No Button Label Checkbox All Radio All 이벤트 현황 항목 값 이벤트명 *^^* 이벤트값 *^^* ▣ 페이지 로드 ▣ Text 입력 ▣ Checkbox 선택 ▣ Radio 선택 ▣ Select 선택 ▣ Button 클릭 ■ Front-End ■/JavaScript 2023. 2. 28. [JavaScript] 이벤트 핸들러 [1] JavaScript로 자주 사용하는 이벤트 핸들러를 구현해 본다. 페이지 로딩 시, 문서에서 기본키 설정 시, 마우스에 대한 처리를 예제로 구현해 보았다. 발생한 이벤트 이름과 값을 화면에 표시한다. ▣ EventHandler1.html 항목 값 이벤트명 *^^* 이벤트값 *^^* ▣ 페이지 로드 ▣ 마우스 클릭 ▣ 마우스 더블클릭 ▣ 엔터키 (Enter) ▣ 취소키 (Esc) ■ Front-End ■/JavaScript 2023. 2. 28. [Node.js] process에 이벤트를 생성하고 호출해 보자. 1. 개요 이번에는 process 객체에 이벤트를 생성하고 강제로 호출해 보는 예제를 진행해 본다. 2. 설명 Node.js는 이벤트를 비동기 방식으로 처리한다. 이벤트를 처리하는 EventEmitter가 만들어져 있다. 노드 객체는 EventEmitter를 상속받을 수 있고 상속받은 후에는 EventEmitter 객체의 on()과 emit() 메서드를 사용할 수 있다. process 객체는 이벤트를 핸들링하는 EventEmitter의 인스턴스이다. EventEmitter를 상속받아서 process 객체에 이벤트를 생성하고 호출할 수가 있다. 이벤트를 생성할 때 on()과 once() 함수를 사용하여 만든다. on()으로 생성한 이벤트는 제거하기 전까지 계속 사용 가능한데 반해 once()로 생성.. ■ Front-End ■/Node.js 2023. 2. 26. 이전 1 다음 728x90