addEventListener 2

DOM Event의 역사와 정의

DOM Event의 역사 1) DOM Event API는 DOM Level 2에서 논리적으로 표준화하려는 시도했음 2) DOM Level 2의 개정 전, Internet Explorer와 Netscape가 서로 정반대 이벤트 흐름을 채택함. Internet Explorer는 이벤트 버블링, Netscape는 이벤트 캡쳐링 3) 현재는 두 이벤트 흐름을 모두 지원함 DOM Event의 정의 javascript와 HTML 간의 상호작용을 담당 옵져버 패턴으로 이벤트가 발생할 때만 리스너가 실행 이벤트 버블링 1) 이벤트 흐름상 문서 트리에서 가장 깊이 위치한 요소에서 시작해 거슬러 올라감 2) 가장 깊이 위치한 요소에서 시작해 거슬러 흐르는 모양이 마치 거품이 올라가는 것 같아 버블링이라함 이벤트 캡처링 1..

자바스크립트로 배터리 상태 조회하기

배터리의 충전중 상태와 충전까지 남은 시간을 조회할 수 있다. 배터리량과 남은 배터리 사용 시간을 조회할 수 있다. 브라우저 지원 범위 Chrome / Edge / Opera / Android 에서 지원한다. Browser compatibility 코드 예제 6장 코드 스니펫 > Boilerplate 코드를 기반으로 데모가 제작되었습니다. 데모보기 공식 사이트 링크 자바스크립트로 배터리 상태 조회하기 배터리의 충전중 상태와 충전까지 남은 시간을 조회할 수 있다. 배터리량과 남은 배터리 사용 시간을 조회... blog.naver.com

선행개발 2023.07.09
728x90