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

Question

如何防止事件在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 创建一个圆圈 ;-)

例子来了..