Перейти к содержимому

Как на HTML странице запретить (или отменить запрет) выделять текст (копирование текста copy Ctrl + ). (блокировка, JavaScript, JS)

На некоторых сайтах запрещают копировать контент и для того чтобы этому помещать в страницу вставляют код

<style type="text/css"  media="all">
:not(textarea),img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
</style>

В результате текст на странице нельзя будет выделить.

данный код запрещает возможность выделять текста на странице (т.е заключённый в любые теги), кроме тега «textarea» который указан в скобках (). Однако если в скобках () написать другой тег, то он не попадает в исключения — почему не разобрался, но так :not(textarea) — работает для тега, а так :not(p) или так :not(pre) — не работает. Почему так непонятно. 

<!doctype html>

<html lang="ru">
    <head>
      <meta charset="utf-8" />
      <title>test</title>

<style type="text/css"  media="all">
:not(textarea),img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
</style>

    </head>
    <body>
		 Helo World!

		<pre>
		 <textarea>Helo World!</textarea>
		</pre>     

    </body>
</html>

Можно также найти и удалить строки. Но также нужно отключит на данной станице работу JS чтобы не удалять все строки с JS.

	<noscript>
		<div style="position:fixed; top:0px; left:0px; z-index:3000; height:100%; width:100%; background-color:#FFFFFF">
			<br/><br/>
			<div style="font-family: Tahoma; font-size: 14px; background-color:#FFFFCC; border: 1pt solid Black; padding: 10pt;">
				Sorry, you have Javascript Disabled! To see this page as it is meant to appear, please enable your Javascript!
			</div>
		</div>
	</noscript>

также

добавте стили

<style>
* {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
</style>