Как предотвратить двойной щелчок для увеличения масштаба на Chrome Android, когда включен рабочий стол сайта?

#javascript #android #html #google-chrome #events

Вопрос:

Как я могу предотвратить масштабирование браузера при двойном щелчке в Google Chrome, когда включен рабочий стол сайта. Я попытался добавить <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> , но это не сработало. И я также попытался добавить event.preventDefault() метод на window.ondblclick событие, но это тоже не сработало.

Так как же я могу это сделать?

Ответ №1:

Попробуйте выполнить следующий код:

 let time_stamp = 0; // Or Date.now()
window.addEventListener("touchstart", function(event_) {
    if (event_.timeStamp - time_stamp < 300) { // A tap that occurs less than 300 ms from the last tap will trigger a double tap. This delay may be different between browsers.
        event_.preventDefault();
        return false;
    }
    time_stamp = event_.timeStamp;
});