Запретить копирование изображения в веб-приложение iOS

Question

Есть ли способ предотвратить появление меню, когда вы удерживаете палец на изображении в веб-приложении для iPad или iPhone. Я создаю пульт дистанционного управления и использую встроенные функции ontouchstart и ontouchend для создания своей функции «ontouchhold», которую я реализовал. Эта функция использует встроенные функции ontouchstart и ontouchend для отправки ИК-сигналов через мой компьютер, который действует как сервер, в то время как пользователь удерживает палец на изображении (функция ontouchend удаляет интервал). Единственная проблема заключается в том, что если пользователь долго держит палец, то реализованная мной функция javaScript ontouch перестает работать, потому что появляется всплывающее меню, спрашивающее пользователя, хочет ли он скопировать / сохранить изображение. Было бы хорошо, если бы я мог предотвратить появление этого меню.

Answer 1

Вы можете использовать:

-webkit-user-select: none;

Это свойство делает HTML-элементы недоступными для выбора и, таким образом, предотвращает копирование iphone

.

Answer 2

-webkit-touch-callout: none;, кажется, делает только то, что предотвращает открытие диалога копирования / сохранения без отключения каких-либо других событий.

pointer-events: none; также запрещает диалог копирования / сохранения, но также предотвращает любые другие зависимые события, прикрепленные к изображению

Answer 3

Вы можете добавить preventDefault() к элементу, что предотвращает копирование меню:

// HTML
<img scr="screenshot.jpg" id="dontshowcopy" />

// JS
element = document.getElementById('dontshowcopy');

element.addEventListener("touchstart",   preventCopy, false); // simple touch events
element.addEventListener("gesturestart", preventCopy, false); // events with more than one finger

function preventCopy(event) {
    event.preventDefault();
}

Но также предотвращает прокрутку при пролистываниисобытие было начато для этого элемента.

Answer 4

Я не знаю про iOS или мобильные телефоны: но если вы сделаете изображение фоновым, оно обычно не дает вам возможности сохранить .....