7

高さと幅が設定された要素(IDが「Test」のdivとしましょう)があります。この要素内にランダムに配置されているのは、他の (より小さい) 要素 (id の「inner1」、「inner2」、「inner3」としましょう) ですが、空白、つまり要素が存在しないスペースもあります。メイン要素をクリックすると起動する関数が必要ですが、空白をクリックしているか、そうでない場合は内部要素をクリックしているかを検出し、そうであれば内部要素の ID を返します。

ああ、内部要素は動的に生成されるため、事前にIDがわからず、それらがdivまたはスパンであることはわかっています...(例としても同様ですが、複数のタイプの要素があります)。

みんな、ありがとう。

編集:(私が意味することを投稿することを思い出させてくれた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>

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

4

2 に答える 2