Как запретить выделение текста на iPad?

Question

[Асиков Артур]

Для того чтобы отключить выделение текста использую следующий код.

document.ondragstart = noselect;
  document.onselectstart = noselect;
  document.oncontextmenu = noselect;
  function noselect() {return false;}

Однако заметил, что на iPad он не срабатывает. Подскажите, как оптимизировать?

Answer 1

[Дмитрий Беляев]

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

и никакого JS для этого не надо

P.S. для прерывания стандартного действия события надо не так:function noselect() {return false;}а так:

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

Comments

[Асиков Артур]

Картинки с iPad при этом, тем не менее, сохранять можно. Как это исправить, не подскажите?

[Дмитрий Беляев]

Асиков Артур, никак, то что ушло на клиент - уже на клиенте, даже если Вы навешаете все возможные хаки, Вы только доставите дискомфорт своим пользователям, а тот кто захочет что-то спереть - все равно сопрет.
Можно обработать сами картинки и повесить на них лого/водяные знаки. Даже если сопрут, будет видно, что картинки Ваши.