Как считать клики на Javascript в мобильных браузерах (Android и iPhone)?

Question

[PatapSmile]

Сделал промостраницу, которая должна считать клики посетителя (ссылка). Использую jQuery, клики считаю по событию mousedown. На десктопах все работает, а на мобильных и планшетах как-то коряво. Никогда с ними не работал, и не могу понять, почему не работает.



1. На андроиде (HTC и Samsung) при двойном клике, браузер пытается зумить страницу (при этом не зумит до конца, а возвращает в исходный вид). Зум пользователя запрещен:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

2. На iPhone пропускает некоторые клики (возможно он считает их тапами или еще чем-то). Особенно если кликать быстро.

Answer 1

[Vitaliy Petrychuk]

Используйте click вместо mousedown и все будет нормально :)

Comments

[PatapSmile]

Click — не подходит, так как если быстро кликать попеременно по двум кнопкам, то пропускаются клики. Если кнопка нажата на одном элементе, а отпущена на другом, то mousedown будет, а click — нет.

[Vitaliy Petrychuk]

Тогда можно попробовать сделать что-то такое:

$('obj').on('touchstart mousedown', function(e) {
    //...
});

y3x.ru/2011/04/js-touch-events/ — заголовок — бомба :))

Answer 2

[karenishe]

советую изучить события touch события. настоятельно не рекомендую использовать стандартные события типа click, и все, что содержит слово mouse на мобильных устройствах:)