2013-12-06 3 views
1

У меня есть много элементов в одном и том же положении, и я хочу слушать событие зависания на каждом элементе, даже если они находятся за другими элементами, есть ли способ, которым я могу это сделать?
(Они не иерархически связаны, а иногда они являются кругами, многоугольники и т.д., поэтому проверка ограничивающего прямоугольника не ки)Как получить все элементы в позиции мыши?

http://jsfiddle.net/4NdNS/4/

$circles.on("mouseover",function(){console.log(this);}); 

ответ

0

этого решение:

FIDDLE

html:

<div id=response></div> 
<svg id="mycircle Area"> 
    <circle id="C1" fill="none" r="20" stroke="black" stroke-width="4" cx="100" cy="100"></circle> 
    <circle fill="none" r="20" stroke="black" stroke-width="4" cx="100" cy="100"></circle> 
    <circle fill="none" r="20" stroke="black" stroke-width="4" cx="100" cy="100"></circle> 
</svg> 

JQ:

$('circle').on("mousedown",function(e){ 
    $("#response").append($(e).attr('id')+' '); 
    e.preventDefault(); 
}); 

CSS:

circle{ 
    pointer-events: all; 
} 

это отредактированный fiddle

+0

по кругу нажмите он должен добавить три раза "щелчок", один для каждого элемента в позиции мыши, даже если они находятся за другими элементами. – shuji

+0

попробуйте этот http://jsfiddle.net/5xWDE/3/ – Omid

+0

Я использовал '$ ('*')' – Omid

Смежные вопросы