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

Question

How do I keep events from firing in the corners outside of the border set by border-radius (white corners)?

JSFiddle example

<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

Use html tags map and erea to create a circle ;-)

example comming up ..