■ 참조 – http://div.or.kr/js-studying/addEventListener
■ 이벤트 리스트 – http://www.w3schools.com/jsref/dom_obj_event.asp
■ 예제 소스
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>addListener test</title> <script type="text/javascript"> window.onload = function() { var eventBtn1 = document.getElementById("eventBtn1"); var eventBtn2 = document.getElementById("eventBtn2"); eventBtn1.addEventListener("click", myBtnClickHandler ); eventBtn2.addEventListener("click", function() { console.log("eventBtn2가 클릭되었습니다."); }); } function myBtnClickHandler() { console.log("eventBtn1가 클릭되었습니다."); }; </script> </head> <body> <button id="eventBtn1">이벤트 버튼1</button> <button id="eventBtn2">이벤트 버튼2</button> </body> </html>
- 자바스크립트 숫자에 천단위 추가 2023년 12월 28일
- javascript 객체 정렬(object sort) 2022년 3월 23일
- autocomplete=”off” 자동완성 기능 없애기 2022년 3월 16일
- JSRender Helper 함수 예제 2021년 6월 15일
- Highcharts error #17 2019년 7월 10일
- Highchart TypeError: c.init is not a function 2019년 7월 10일
- Highchart 크기 조정 2019년 7월 8일
- Highcharts error #13 2019년 7월 8일
- npm 설치, NodeJS 설치 2019년 6월 18일
- javascript forEach 예제 2019년 5월 3일
- Highcharts update event 2019년 3월 26일
- CKEditor Tip 2019년 3월 25일
- javascript에서 날짜 구하기 2019년 1월 3일
- Javascript 문자열 Byte 길이 구하는 방법 2018년 2월 27일
- javascript this 2018년 2월 13일
- javascript Set 예제 2018년 2월 13일
- addEventListener – element에 이벤트 등록 예제 2016년 5월 31일
- javascript에서 간단한 form을 만들기 2016년 5월 31일
- javascript switch문 예제 2016년 5월 31일
- setInterval : 반복 작업 수행 2016년 5월 11일
- 인터넷 익스플로러 버전 체크(IE 버전) 2016년 1월 22일
- javascript 순환문 2015년 12월 29일
- javascript 문자열 2015년 12월 29일
- 크롬에서 자바스크립트 실행 시간 확인 2015년 10월 14일
- javascript setTimeout(delay) 2015년 10월 13일
- 자바스크립트, jQuery 데이터 타입 2015년 1월 25일
- 자바스크립트 for문 2015년 1월 25일
- 자바스크립트 문자열 길이, 배열의 길이 2015년 1월 25일