Является ли касание телефона эквивалентом onmouseup в js?

Question

У меня есть веб-приложение, которое отлично работает с компьютерами, но не могу заставить его работать на мобильных телефонах, главным образом потому, что onmouseup не запускается. Поэтому я добавил событие touchend, думая, что оно будет таким же, но это не помогло. Как мне получить такое же поведение onmouseup на телефоне?

По сути, у меня есть бегунок диапазона, и я хочу, чтобы часть слайдера релиза работала на телефонах

  <input id="slider" class="slider" type="range" min="0" max="100" value=50 onmouseup="handleSubmit()" touchend="handleSubmit()"/>

Я пробовал это на мобильном сафари и Chrome ... ни один не работает

Answer 1

Вам не нужно полагаться ни на мышку, ни на то, чтобы касаться ее.Элемент input предлагает другое событие, которое пригодится: onchange .

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

Вотпример:

function handleSubmit(e) {
  console.log(e.value)
}

<input id="slider" class="slider" type="range" min="0" max="100" value=50 onchange="handleSubmit(this)" />

Answer 2

Я тупой ... это должно быть продолжительно

<input id="slider" class="slider" type="range" min="0" max="100" value=50 onmouseup="handleSubmit()" touchend="handleSubmit()"/>

все еще новичок в JS хаха