Я пытаюсь обнаружить событие mouseover на круге. Я определяю круг div следующим образом:
.circle {
width: 80px;
height: 80px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
background-color: #33f;
}
Затем я обнаруживаю mousover с помощью jQuery следующим образом:
$('.circle').mouseover(function() {
$(this).css({backgroundColor:'#f33'});
});
Это хорошо работает, за исключением того, что вся область 80px на 80px запускает событие mouseover. Другими словами, просто касание нижнего правого угла div вызывает событие mouseover, хотя мышь не находится над видимым кругом.
Есть ли простой и удобный jQuery способ запуска события mouseover только в круговой области?
Обновление: ради этого вопроса позвольте предположить, что браузер поддерживает CSS3 и корректно отображает радиус границы. У кого-нибудь есть безумные математические/геометрические навыки, чтобы придумать простое уравнение, чтобы определить, вошла ли мышь в круг? Чтобы сделать его еще проще, допустим, что это круг, а не произвольный радиус границы.