이벤트 버블링 : 자식노드에서 부모노드 순으로 이벤트를 실행하는것
html
|
<html lang="en">
<style> * { border: 1px solid Black; } </style>
<head> <meta charset="utf-8"> <script src="index.js"></script> </head>
<body> <h1 id="header"> <p id="pagagraph">Pagagraph</p> </h1> </body> </html> |
javascript
window.onload=function() {
document.getElementById('header').onclick=function() { alert('header'); };
document.getElementById('pagagraph').onclick=function(e) {
var event = e || window.event; alert('pagagraph');
event.cancelBubble=true;
if(event.stopPropagation) { event.stopPropagation(); } };
|
'Developer > Javascript' 카테고리의 다른 글
| HTML Body에서 클릭 이벤트 처리 (0) | 2013.12.14 |
|---|---|
| Array객체 정렬 (오름차순, 내림차순) (0) | 2013.12.10 |
| string을 자바스크립트 코드로 실행 - eval() (0) | 2013.12.07 |
| 가변인자 함수 (0) | 2013.12.07 |
