eventlistener 2

0. Check Event

Check Event `checkbox`, `radio` 등의 버튼의 상태가 변경되었을 때 발생하는 `change` 이벤트이다. inline에서는 onChange 속성을 사용하여 이벤트를 추가한다. 1. checkbox에 대한 change 이벤트 체크했을 때, 체크 해제했을 때 이벤트가 발생한다. 1) event.target.checked 확인하기 체크 했을 때 발생하는 event 객체 정보 체크 해제 했을 때 발생하는 event 객체 정보 문제 1. 입력한 행, 열에 대한 테이블을 생성 2. 테이블의 중앙에 포인트로 지정할 셀의 배경을 회색으로 표현 3. 키보드 방향키로 포인트를 이동 4. 마우스로 선택시 포인트 이동 위 조건을 만족하는 스크립트를 작성하라 input 태그를 통해 행과 열의 정보를 입력..

카테고리 없음 2024.02.21

0. Key Event

Key Event `KeyDown`, `KeyUp`, `KeyPress` 상황에서의 이벤트 처리 1. KeyUp 이벤트 `KeyUp` 이벤트는 키보드를 누른 후 손을 땠을 때 발생한다. 1) `KeyUp` 이벤트에 대한 객체 정보를 출력 발생한 이벤트에 대한 객체를 출력하면 위와 같은 결과가 출력된다. 2) event 객체의 `keyCode` 속성 사용 입력한 키에 대한 `keyCode` 정보가 출력된다. 3) event 객체의 `key`, `keyCode` 속성 사용 `key` 속성은 타이핑한 키 정보에 대해, `keyCode`는 그 키의 코드 정보를 담고있다. `keyup` 이벤트가 발생할 때 마다, p 태그에 그 키와 키 코드를 출력해주고있다. 대소문자를 구분하지 못한다. (제어 문자 키를 인식하기..

카테고리 없음 2024.02.21