Tizen - Приложение для часов - HTML / CSS Layout и EventHandler "Click" - PullRequest
0 голосов
/ 27 февраля 2019

Я пытаюсь разработать приложение для своего приложения 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(); });

Я попытался поиграть с макетом и является последним элементом слева направо - остальные части не срабатываютсобытие клика.Я попытался изменить макет из таблицы на другие свойства, чтобы увидеть, оказывает ли это влияние, но в конечном итоге он просто портит макет всего и по-прежнему выполняет щелчок не в том месте.

Это может быть что-то базовое, но я не осведомлен, чтобы это исправить.

Идеи?

Энтони

...