개발하는 냥이 (=ↀωↀ=)

객체.onclick = fn2; -> 기존방식 태그내에 onclick값이 있을 경우 추가로 설정시 덮어쓰기됨 여러개의 이벤트 함수 호출 불가능 객체.addEventListener(이벤트타입, 콜백함수(이벤트리스너), 전파방식(캡처링, 버블링)) -> 요즘권장방식 태그안에 직접 쓰던 onclick이 아닌 타입인 click만 줌 button 태그내에 onclick값이 있을 경우 모두 실행됨 onclick 속성이 아닌, 별도의 이벤트로 관리 이벤트 중첩(다중) 등록이 가능 이벤트 삭제 객체.removeEventListener(이벤트타입, 콜백함수(이벤트리스너)) CSS 소스 HTML 소스 표준 이벤트 설정방식 클릭 스크립트 결과

개발/JavaScript 2020. 7. 29. 15:01

고전 이벤트 설정 방식 - 태그에 이벤트 직접 설정하기 : 권장하지 않는다. 확인 - 태그 객체에 프로퍼티를 활용 : 객체.on이벤트타입 = 콜백함수; 확인 var btn = document.querySeletor("button"); btn.onclick = function () {}; function doAction () {}; btn.onclick = doAction; -> doAction()을 주면 실행 결과만 옴, doAction만 써야 함수를 넘김 고전이벤트 방식 1 CSS 소스 HTML 소스 고전 이벤트 설정 연습 버튼1 버튼2 스크립트 결과 고전이벤트 방식 2 HTML 소스 고전 이벤트 설정 연습2 시작 중지 스크립트 결과

개발/JavaScript 2020. 7. 29. 14:14