<html>
<head>
<style>
#father{
width: 400px;
height: 400px;
background-color: red;
}
#son{
width: 300px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: yellow;
cursor: pointer;
}
</style>
</head>
<body>
<div id="father">
<p id="son">孩子标签</p>
</div>
</body>
<script>
var father = document.getElementById("father");
var son = document.getElementById("son");
son.addEventListener("click" , function(){
console.log(event)
}, false)
</script>
</html>
