Как избавиться от одновременного срабатывания тач и клик события на мобильных устройствах?

Question

[Дима Паутов]

Добрый вечер ребята. Не давно решил событие touchstart для мобильных устройств и вышла маленькая проблемка.
Суть в следующем, на ПК не работает touchstart, а на мобильнике работает, что логично. Тогда на ум пришла идея использовать писать так:

$('.selector').on('touchstart click', function(e) {

});

И проблема вроде решилась, но вот на пк работает только клик, как и нужно, а вот на мобильнике как не трудно догадаться оба события!!!

Проверил это так:

$('.selector').on('touchstart click', function(e) {
if (event.type == "touchstart") {
            alert('Был тач')
        } 
        if (event.type == "click") {
            alert('Был клик')
        }
});

Как можно избавиться от клика на мобильном устройстве, но что бы он и дальше как нужно работал на ПК?

P.S. Уверен что спросите, зачем тач событие? Просто мне кажется что оно на сенсоре работает быстрее чем клик! И опять же, я просто хочу попробовать такую конструкцию.

Answer 1

[Александр Таратин]

Вешайте только нужные события. Проверить можно так

if ('ontouchstart' in document.documentElement)
            touchSupport = true;

Answer 2

[Антон]

Не так проверку и условие сделали.

$('.selector').on('touchstart click', function(e) {
    if (e.type == "touchstart") {
        alert('Был тач');
    } else {
        alert('Был клик');
    }
});

Comments

[Дима Паутов]

По большому счету без разницы. Но да, проще написать так!

[Антон]

Дима Турков: Теперь работает?

[Дима Паутов]

нет, это не ошибка, а лишь проверка на то, какое событие сработало при клике. На мобильнике и так, и так, вылазит 2 события, т.е. 2 алерта!

[Антон]

Дима Турков: У вас было event, а не "e". Даже так не работает?

[Дима Паутов]

Все работает отлично. е или event разницы нет(е - это лишь сокращение event). Мобильное устройство понимает оба события(touchstart и click) и поэтому появляется 2 alert'a, т.к. сработало 2 события при одном нажатии на сенсор. Нужно сделать так, что бы на мобильном срабатывало только touch событие

[Антон]

Дима Турков: Сделайте тогда условие в самом начале, с телефона ли сидит юзер или компа, а потом пишите событие. Разве что так, наверное.

[Дима Паутов]

Да дело не в условии, условие это так, демонстрация того, что происходит 2 события. Еще раз простите вопрос

[Антон]

Дима Турков: Вы меня не поняли. Пример:
Если user сиди с компа {
$('.selector').on('click', function(e) {});
} иначе {
$('.selector').on('touchstart', function(e) {});
}

[Дима Паутов]

ок, но это глупо. Нужно просто отключить клик

[desuvin]

Вам Александр Таратин ответил выше. Используйте его способ, он правильный

[Дима Паутов]

desuvin: так я и использовал