高さと幅が設定された要素(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>