Событие jquery click для планшетов и телефонов с сенсорным экраном

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

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

Как я могу гарантировать, что события jquery click и mousedown работают планшеты/смартфоны правильно?

Существует ли какой-либо консенсус относительно наилучшей практики для событий кликов и планшетов/смартфонов?

Примечание. Я не разрабатываю сайт только для мобильных устройств - сайт преобразует форму для мобильных устройств.

Ответы

Ответ 1

Мобильные браузеры по-прежнему будут реагировать на события кликов, хотя они введут задержку (обычно около 300 мс). Если вы хотите более отзывчивый опыт, вы можете попытаться определить, находитесь ли вы на мобильной платформе и используете события touchstart или touchend. Я считаю, что touchend обычно лучше опыта, главным образом потому, что пользовательская рука все еще находится на пути, когда срабатывает touchstart.

Что-то вроде этого:

$(element).on(isMobile ? 'touchend' : 'click', function(e) {...});

Или вы можете использовать hammer.js, который будет работать как на рабочем столе, так и на мобильном устройстве.

Что касается тестирования, вы можете прочитать ответы на этот вопрос Stackoverflow: Имитировать события касания в браузере ПК.