Как проверить браузер на поддержку touchstart с помощью JS/jQuery?
В попытке применить лучшие методы, мы пытаемся использовать надлежащие события JavaScript/jQuery согласно тому, какое устройство Вы используете. Например, мы создаем мобильный сайт, который имеет тег, который будет иметь onclick или коснется события. В случае iPhone мы хотели бы использовать "touchstart" событие. Мы хотели бы протестировать, если их устройство поддерживает "touchstart", прежде чем мы свяжем тот обработчик с объектом. Если это не сделает, то мы свяжем "onclick" вместо этого.
Что лучший способ состоит в том, чтобы сделать это?
2 ответа
Вы можете определить, поддерживается ли событие:
if ('ontouchstart' in document.documentElement) {
//...
}
Взгляните на эту статью:
Опубликованная там функция isEventSupported действительно хороша при обнаружении широкого спектра событий и кроссбраузерности.
Вы можете проверить, если typeof document.body.ontouchstart == "undefined" , чтобы вернуться к обычным событиям dom