Мобильный браузер Android / iOS - отключить события

Question

Как отключить события мобильного браузера по умолчанию, такие как масштабирование (dblclick, expand) и параметры (когда вы удерживаете палец на экране, появляется всплывающее окно с параметрами) *

Я пробовал это:

document.addEventListener('ontouchstart', function(event) 
{
event.preventDefault();
}, false);

Answer 1

Вы можете предотвратить движение пальца (прокрутить страницу) следующим образом:

document.addEventListener('ontouchstart', function(e) {
    e.preventDefault();
});

document.body.addEventListener('touchmove', function(e) {
    e.preventDefault();
});

А зум вам просто нужно настроить viewport вот так:

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

Answer 2

Если вы установите user-scalable = no, то минимальный масштаб и максимальный масштаб игнорируются. Так что если вы хотите отключить масштабирование, вы должны использовать это:

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