我正在尝试为我的Samsung Frontier App开发一个应用程序。非常简单-中间有一个页眉，页脚和内容区域。中间从左到右分为3个部分-（玩家1 |图片|播放器2）。
我为中间图片设置了一个点击事件，当点击该事件时-将更新玩家1或2的得分（取决于在另一个点击事件处理程序中选择了哪个）
单击图像很好，并且可以正常运行，问题是当我在播放器2区域中的任意位置单击时，它的行为也就像单击了图像一样。
如果我更改的布局以将放到最后一个元素，则不会再发生这种情况，但这不是我需要的布局。我尝试使用订单属性尝试重新安排，但这具有相同的效果，并且看到点击在图像上以及其后的第三部分上注册。
这是HTML的外观
contents
player-one
score-player-one
text-player-one-score
image-container
image
player-two
score-player-two
text-player-two-score
click事件处理程序如下
var selectedImage = document.querySelector('#image')'
selectedImage.addEventListener("click", function() { updateScore(); });
我尝试过布局，这是从左到右的最后一个元素-其他部分不会触发click事件。我尝试将布局从表格更改为其他属性，以查看是否有效果，但最终只会弄乱所有内容的布局，并仍然在错误的位置执行点击。
这可能是基本的东西，但我不知道如何解决。
想法？
安东尼