Ich habe ein Element (sagen wir div mit der ID "Test") mit einer festgelegten Höhe und Breite. In dieses Element werden zufällig andere (kleinere) Elemente eingefügt (sagen wir ids "inner1", "inner2", "inner3"), aber es gibt auch Leerzeichen, Leerzeichen, in denen sich keine Elemente befinden. Ich hätte gerne eine Funktion, die beim Klicken auf das Hauptelement ausgelöst wird, dann aber feststellt, ob ich auf ein Leerzeichen klicke oder, falls nicht, auf ein inneres Element klicke, und in diesem Fall die ID des inneren Elements zurückgibt.

Oh, und die inneren Elemente werden dynamisch generiert, sodass ich die IDs nicht vorher kenne. Ich weiß, dass sie entweder Divs oder Spans sind. (Nur als Beispiel, aber ich werde mehrere Arten von Elementen haben.)

Vielen Dank an alle.

EDIT: (seit danke Xotic750, dass du mich daran erinnert hast zu posten, was ich meine :))

Ich habe nicht viel ausprobiert, da ich keine Ahnung habe, wie ich einen inneren Klick durch das Javascript erkennen soll.

aber hier ist ein Beispiel:

<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>

http://jsfiddle.net/BgbRy/2/