Touch: свойство target

Только для чтения target свойство интерфейса Touch возвращает (EventTarget) , на котором началось касание при первом контакте с поверхностью, даже если точка касания с тех пор перемещалась за пределы интерактивной области этого элемента или даже была удалена из документа. Обратите внимание, что если целевой элемент удален из документа, события всё равно будут направлены на него, и поэтому не обязательно будут «подниматься» до окна или документа. Если существует риск удаления элемента во время касания, лучшей практикой является привязка обработчиков касаний непосредственно к целевому элементу.

EventTarget к которому относится объект Touch.

Этот пример иллюстрирует, как получить доступ к свойству Touch.target объекта Touch. Свойство Touch.target — это Element (EventTarget) , на котором началась точка касания при первом контакте с поверхностью.

В следующем простом фрагменте кода мы предполагаем, что пользователь инициирует одно или несколько касаний к элементу source. Когда срабатывает обработчик события touchstart для этого элемента, для каждой точки касания свойство Touch.target извлекается из списка TouchEvent.targetTouches события.

// Register a touchmove listener for the 'source' element
const src = document.getElementById("source");

src.addEventListener(
  "touchstart",
  (e) => {
    // Iterate through the touch points that were activated
    // for this element.
    for (let i = 0; i < e.targetTouches.length; i++) {
      console.log(`touchpoint[${i}].target = ${e.targetTouches[i].target}`);
    }
  },
  false,
);