Задержка при нажатии кнопок формы на мобильных браузерах?

Question

[Алексей Струков]

Подскажите плиз какой сейчас самый актуальный способ убрать задержку при нажатии кнопок на мобильных браузерах? Появилось ли уже стабильно работающее css свойство или простой код на js?
Устроит решение даже только для современных браузерах без фаллбэков.
PS
Библиотеки и плагины не предлагать ))

Answer 1

[Роман Дворянов]

В jquery есть событие touchstart, работает в разы быстрей клика

$('link').on('touchstart', function () {
 /* Some Code */
});

На JS это событие называется ontouchstart

В Блоге Гугла побороли задержку добавив запрет на зум сайта на мобильных устройствах в метатэг

<meta name="viewport" content="width=device-width, user-scalable=no">

и добавив тач-ивентс ко всей странице в css

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

К сожалению, в iOS это не помогает, поэтому поводу создан баг на форуме поддержки webkit
https://bugs.webkit.org/show_bug.cgi?id=122212

Comments

[Алексей Струков]

Ясно
В общем ничего так и не придумали универсального
Я читал статью 2014 года где это описывалось, и понадеялся что решение уже найдено спустя пару лет.
А по поводу запрета на зуммирование оно по моему не влияет. Там именно device-width решает проблему, и то в более новых версиях хрома добавили вроде аналогично с майкрософтом touch-action

[Роман Дворянов]

Алексей Струков: ну тогда библиотеки, плагины))

[Алексей Струков]

Роман Д.: ну их нафиг. Все это можно реализовать на js и подключать плагин ради одной не критичной фичи по моему не правильно. Всетаки быстродействие важнее всяких украшалок как по мне.

Answer 2

[Алексей Струков]

И еще ontouchstart не совсем корректно использовать по моему. Это событие генерируется всегда, когда юзер просто касается экрана. Видимо придется забить и просто ждать когда починят, придерживаясь graceful degradation.