具有邊界半徑的角落中的事件

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創建一個圓;-)

例子..