Использование событий 'click' и 'touchstart' — есть ли хитрости?

Question

[Денис Букреев]

Такие дела.

Есть ли удобный способ назначить либо click, либо touchstart в зависимости от типа устройства?
Или придется проверять if() и дублировать внутри конструкции код?

Comments

[iBird Rose]

событие click работает на любых устройствах. ему без разницы. клик мышью это или тап. зачем именно тебе нужен touchstart?

[Денис Букреев]

iBird Rose: у клиента бздик, что задержка небольшая после тапа на мобилках)

[iBird Rose]

Денис Букреев: тк а то что вы пытаетесь сделать - это не правильно. клик - это клик. он должен отрабатывать после того как я убрал палец. а у вас будет работать так что он сработает как только я пикоснусь к экрану. тобишь я могу прикоснуться к экрану для скролла - но у вас отработает клик по кнопке, если мой палец будет находиться на уровне кнопки.

Answer 1

[Александр Карпов]

В зависимости от устройства можно, особенно если вас устроит проверка через userAgetn

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

Используйте метод isMobile.any() который будет возвращать тру если сейчас задействован мобильный браузер.
(могут быть нюансы, учитывайте)

Например нюанс может возникнуть с полноценными десктопами или ноутбуками, где владелец использует тачскрин.
поэтому ваш вопрос в корне имеет зачатки проблемы, с которыми вы сталкнетесь

Comments

[Денис Букреев]

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

Answer 2

[Сергей Сергей]

var supportsTouchMove = function() {
  try {
    document.createEvent("TouchEvent");
    return true;
  }
  catch (e) { return false; }
} ();

var bind = supportsTouchMove ?
  function( node, proc ) {
    node.ontouchstart = proc;
  }:
  function( node, proc ) {
    node.onclick = proc;
  };

для touchstart эквивалентнее mousedown.