이벤트 버블링을 막는 방법
이벤트 버블링 : 자식노드에서 부모노드 순으로 이벤트를 실행하는것
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(); } };
|