使用事件委托:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="my-click">
<button>点击button</button>
<div>点击div</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(){
document.getElementById("my-click").addEventListener("click", function(e){
alert("hi,"+e.target.nodeName);
});
}, false);
</script>
</body>
</html>
点击button时候,显示“hi,BUTTON”。点击div时候,显示“hi,DIV”。