Определить, щелкаю ли я элемент внутри элемента
У меня есть элемент (скажем, div с идентификатором «Test») с установленной высотой и шириной. Внутри этого элемента случайным образом размещаются другие (меньшие) элементы (скажем, id "inner1", "inner2", "inner3"), но есть также пробел, пространство, где нет элементов. Я хотел бы иметь функцию, которая выполняет щелчок по основному элементу, но затем обнаруживает, щелкаю ли я по пустому пространству, или, если нет, щелкаю по внутреннему элементу и, если так, возвращает идентификатор внутреннего элемента.
Да, и внутренние элементы генерируются динамически, поэтому я не знаю идентификаторы заранее, я знаю, что они либо div, либо span ... (также как пример, но у меня будет несколько типов элементов).
Всем спасибо.
РЕДАКТИРОВАТЬ: (так как спасибо Xotic750 за напоминание о том, что я имею в виду :))
Я не очень старался, так как я понятия не имею, как позвонить обнаружить внутренний щелчок через JavaScript ...
но вот пример:
<div id="test">
<div id="inner1"></div>
<span id="inner2"></span>
<div id="inner3"></div>
</div>
<style>
div#test {
width:300px;
height:400px;
position:relative;
display:block;
border:1px solid blue;
}
div#test div, div#test span {
display:block;
position:absolute;
border:1px solid red;
}
div#inner1 {
top:15px;
left:15px;
height:15px;
width:15px;
}
span#inner2 {
top:65px;
left:65px;
height:15px;
width:15px;
}
div#inner3 {
top:155px;
left:155px;
height:15px;
width:15px;
}
</style>