Я пытаюсь разработать приложение для своего приложения Samsung Frontier.Очень просто - есть заголовок, нижний колонтитул и область содержимого в середине.Середина разделена на 3 раздела слева направо - (Player 1 | Image | Player 2).
Я установил событие щелчка для среднего изображения, которое при нажатии - обновит счет игрока 1 или2 (в зависимости от того, какой из них выбран в обработчике события другого нажатия)
Щелчок по изображению - это нормально и работает правильно, проблема в том, что когда я щелкаю в любом месте в области плеера 2, он также действует как изображениебыла нажата.
Если я изменю компоновку, чтобы поместить в качестве последнего элемента, это больше не произойдет, но мне нужна не компоновка.Я попытался использовать свойство order, чтобы попытаться переупорядочить, но это имеет тот же эффект и видит, как щелчок регистрируется на изображении и 3-й части после него.
Вот как это выглядит с точки зрения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(); });
Я попытался поиграть с макетом и является последним элементом слева направо - остальные части не срабатываютсобытие клика.Я попытался изменить макет из таблицы на другие свойства, чтобы увидеть, оказывает ли это влияние, но в конечном итоге он просто портит макет всего и по-прежнему выполняет щелчок не в том месте.
Это может быть что-то базовое, но я не осведомлен, чтобы это исправить.
Идеи?
Энтони