Touch: свойство force

Чтение только свойство Touch.force возвращает величину давления, которое пользователь оказывает на поверхность касания для Touch точки.

Числовое значение, которое представляет собой величину давления, которое пользователь оказывает на поверхность касания. Это значение находится в диапазоне от 0.0 (нет давления) до 1.0 (максимальное давление, которое может распознать оборудование). Значение 0.0 возвращается, если значение неизвестно (например, устройство касания не поддерживает это свойство). В средах, где давление известно, абсолютное давление, представленное атрибутом force, и чувствительность к уровням давления могут варьироваться.

В этом примере показано использование свойства Touch.force интерфейса Touch. Это свойство является относительным значением приложенного давления, в диапазоне от 0.0 до 1.0, где 0.0 — это отсутствие давления, а 1.0 — это максимальный уровень давления, который устройство касания способно обнаружить.

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

someElement.addEventListener(
  "touchstart",
  (e) => {
    // Iterate through the list of touch points and log each touch
    // point's force.
    for (let i = 0; i < e.targetTouches.length; i++) {
      // Add code to "switch" based on the force value. For example
      // minimum pressure vs. maximum pressure could result in
      // different handling of the user's input.
      console.log(`targetTouches[${i}].force = ${e.targetTouches[i].force}`);
    }
  },
  false,
);