2015-08-17 2 views
0

У меня есть этот текст:Как запретить выделение текста и копирование в DIV

Здравствуйте, вы не можете выбрать или скопировать меня!

Это в div, и я не хочу, чтобы люди могли его выбрать или скопировать.

Пожалуйста, попробуйте указать разные языки, чем js, html и css ... Потому что все они могут быть отредактированы с помощью инструмента Inspect Element.

Код (HTML):

<div> 
<p>Hello, you can't select or copy me!</p> 
</div> 
+0

Затем, на каком языке вы хотите? (поскольку я знаю способ css) – Xlander

+0

AFAIK нет 100% пуленепробиваемого способа сделать это, так как пользователь может манипулировать всей DOM после загрузки страницы. Есть некоторые обходные пути, связанные с CSS и JS, которые отключали бы самых основных пользователей, но любой, кто решил, будет его копировать так или иначе. Почему вы связываетесь с этим? – Equalsk

+0

Если я поместил текст в изображение, пользователь мог бы просто загрузить изображение .... – Jojo01

ответ

1

Используйте этот CSS:

div{ 
    -webkit-user-select:none; 
    -moz-user-select:none; 
    user-select:none; 
} 

Here is the JSFIddle demo

+0

Но это может быть отредактировано с помощью инструмента элемента проверки .... – Jojo01

+1

Это цель «осмотреть элементный инструмент». Вы ничего не можете скрыть от этого инструмента – Hearner

+0

@ Jojo01 Элемент Inspect является инструментом разработчика. Он показывает текущее состояние документа, и, следовательно, вы не можете «скрыть» что-либо от него. Но как разработчик вы можете выбрать, что показывать или скрывать от пользователя на странице _webpage_ –