我创建了一个小的 Find the Differences 游戏。它包括两个相同图像的图像。图像是设置高度和宽度的 div 上的背景。这个div是相对位置。
在它上面,我绝对地在每个差异上放置了不可见的 div。
一切正常,但现在我需要知道何时有人单击容器 div 而不是直接单击更改 div 之一。
听起来很简单,我计划为单击背景图像(相对 div)创建和事件,并在单击实际差异区域时停止传播和默认。
但由于某种原因,即使我点击了真正的差异,事件也会从背景图像开始。比,如果点击是真正的差异,它会传播到差异 div。
我尝试使用 z-index,尝试将差异从 div 切换到 A 标签,但没有任何改变......
这是一个问题的代码,差异 div 在主 div(游戏)内。
<div id="q1" class="game center relative_container" style="display: block;">
<div id="q1_p1" mirror="q1_1" class="pointer"></div>
<div id="q1_p1_o" mirror="q1_1" class="pointer"></div>
<div id="q1_p2" mirror="q1_2" class="pointer"></div>
<div id="q1_p2_o" mirror="q1_2" class="pointer"></div>
<div id="q1_p3" mirror="q1_3" class="pointer"></div>
<div id="q1_p3_o" mirror="q1_3" class="pointer"></div>
</div>
我很高兴听到任何想法。
如果我向 div 添加一个 inlinde onclick 事件,它对我有用,但我宁愿不使用它......
感谢您的时间和精力:)