/* 설명 : 화면을 열고 click 클릭하면 이벤트가 등록되고 a1 의 div 를 클릭하면 hello 콘솔창에 찍힘. 재밌는건 click 여러번 클릭하면 리스너도 여러번 등록되서 hello도 여러번 출력됨. */ <html> <head> </head> <script language="javascript" > function exe(){ var div1 = document.getElementById("a1"); div1.addEventListener('click', function (event) { console.log(' hello ~ '); }); } </script> <body > <div id='a1' style=" height:80px ; padding-top:200px ; background-color: lightblue; padding-left:200px " > <a href="javascript:exe();" > click </a> </div>
</body> </html> |
'[.js] 이벤트' 카테고리의 다른 글
| onClick onFocus eventListener (0) | 2017.09.08 |
|---|---|
| 붙여넣기 이벤트 처리 ctrl+v (0) | 2017.09.06 |
