怎么执行重复div下面的事件

Question

点白色区域执行白色的事件 点黑色区域 执行黑色的事件  点白色和黑色的地方重叠的地方 执行黑色的事件

是两个div 并且定位上去的
<div class="cc">
cc
</div> <div class="dd">
dd
</div>
<style>
.cc{width: 500px;height: 500px;border: 1px solid #000;background: #000;margin-left: 250px;}
.dd{width: 200px;height: 200px;border: 1px solid #000;position: absolute;background: #fff;top: 0;left: 200px;}
</style>

Answer 1

自己计算重叠得区域上下左右区域，如果点击白色的时候在重叠区域内就触发黑色的事件DEMO：javascript获取遮盖层被点击时下面的DOM对象

Answer 2

//点击样式为cc的div
$("div.cc").click(function() {
    //你要执行的代码
});
//点击样式为dd的div
$("div.dd").click(function() {
    //你要执行的代码
});