具有边界半径的角落中的事件

Question

如何防止事件在border-radius （白色边角）设置的border-radius外的边角触发？

JSFiddle示例

<div class="circle">
   <a href="#"><span></span></a>
</div>

.circle {
    border-radius:100px;
}
span {
    display:block;
    background:#000;
    width:200px;
    height:400px;
    border-radius:100px;
}

$(".circle").click(function() {
   alert("GOD! WHY I'AM WORK ON WHITE CORNERS!?! KILL ME PLEASE!");
});

Answer 1

使用html标签map和erea创建一个圆;-)

例子..