</tr>
</table>
</body></html>
Выглядеть
этот
незатейливый сай-
тик
будет
вот
так
Мой сайт
М е н ю :
Главная
Статьи
Контакты
.екст
статьи, который
лцищен от копирован!
Дорогие родители, учи-
те своих детей кушать
левой рукой. Потом, сидя
за компьютерам, они ска-
жут вам спасибо!
(рис. 1),
где никакого графического оформления,
а только один лаконичный текст. Сами понимаете,
что
на
страницах
жур-
нала
просто
места
не
хватит публиковать на-
вороченную верстку су-
пердизайна;)
Но
для
осмысления
наших
экспериментов
это нам
вполне
подой-
дет. Ну и рамку таблицы
я сделал видимой, что-
бы
понятен
был
“ске-
лет” верстки сайта.
Как видно на иллюстрации, пользователь успеш-
но может выделить текст нашей еще не защищен-
ной статьи и скопировать в буфер обмена для того,
чтобы потом сохранить его себе на память;)
Теперь давайте начнем наши исследования.
Метод 1 ♦ Запрет выделения текста
С
начала
попробуем
защитить
статью
нашего
сайта в виде текста ‘Текст статьи, который за-
щищен от копирования” от банального выделения,
которое предшествует копированию текста прямо из
окна браузера. Думаю, читатели сами не раз подоб-
ным образом копировали текст какой-нибудь любо-
пытной или полезной статьи, найденной в Интернете.
Как пользователь Интернета, я не раз встречал
сайты, где веб-страница составлена таким обра-
зом, чтобы препятствовать попытке пользователя
выделить текст. Зачастую, это достигается нало-
жением обширного пустого тега DIV поверх плос-
кости всей или части веб-страницы.
На самом деле этого можно достичь более циви-
лизованным
и
простым
способом.
Давайте
в
HTML-коде нашего мини-сайта пустой тег
BODY
заменим следующим кодом с заглушкой обработ-
чика события
onselectstart:
<body onselectstart=”return false”>
Такой код успешно защитит наш текст от выделе-
ния мышкой в Internet Explorer (IE) и Google Chrome,
а вот в FireFox и Opera текст по-прежнему можно вы-
делять. Но и на это есть управа - достаточно лишь в
тег
BODY добавить
описание
стиля
sty!e=”-moz-
user-select: none”,
чтобы наш тег получил вид:
<body
onselectstart=”return
false”
style=”-moz-
user-select: none”>
В итоге Mozilla FireFox уже не позволит выделить
текст, но не Opera. В качестве альтернативы этому
стилю можно применить заглушку для обработчи-
ка события
onmousedown,
тогда тег BODY будет
Р
ис
.
1 Наш
ПО ДО ПЫ ТНЫ Й
сайт
:
Котировать
веТМИТЬ
Выделить все
Печать
Закачать все при помощи FlashGet
иметь уже вид:
cbody onselectstart=”return false” onmouse-
down=”return false”>
Впрочем, если это необходимо, можно соста-
вить заголовок страницы следующим образом:
<html><head>
<script>
document.onmousedown=function () {return false)
</scriptx/head>
cbody
onselectstart=”return
false” >
чтобы
добиться
такого
же
результата.
Это
кому
как
понравится.
Теперь и
Opera работает на нас;)
Метод 2.
Блокируем
контекстное меню
С
выделением текста вроде бы
разобрались.
Но остается проблема, которая заключается
в том, что в любом браузере правым кликом мыш-
ки можно вызвать контекстное меню,
кстати, оно
тоже показано на
рис. 1.
Но поскольку выделение текста мы уже забло-
кировали, то на контекстное меню можно было
бы не обращать внимания, если бы в нем отсут-
ствовал пункт
“Просмотр H TM L-к о д а ”
(для IE),
Исходны й код страницы”
(для FireFox),
Просмотр кода страницы”
(Chrome),
“И с-
ходны й к о д ”
(Opera).
Более-менее
опытному
пользователю
эта
ко-
манда позволит просмотреть исходный Н" ML-код
нашей веб-страницы и скопировать из нее текст,
что нам, согласитесь, будет весьма неприятно.
Поэтому невольно приходим к выводу, что кон-
текстное меню тоже надо блокировать. Достаточ-
но во все тот же многострадальный тег BODY доба-
вить еще одну заглушку события
oncontextmenu:
Cbody
onselectstart=”return
false”
onmouse-
down=”return false” oncontextmenu=”return false”>
Убедитесь сами, что контекстное меню правым
кликом мыши не вызывается во всех четырех бра-
узерах. Но вынужден вас огорчить, поскольку ко-
манда просмотра исходного кода страницы по-
прежнему доступна в том же IE через меню
Вид >
Просмотр HTM L-кода,
в FireFox в меню
Вид >
Исходны й код страницы,
в Chrome через меню
Настройка > Инструменты > Просмотреть и с-
ходны й код,
а в Opera
М еню > Страница >
Средства разработки > Исходный код.
К тому же пользователь сможет добиться успеха,
применив
в любом браузере
кроме
IE
и
Chrome
комбинацию клавиш
Ctrl+A,
чтобы выделить текст
и
Ctrl+C,
чтобы скопировать его.
££
£{
предыдущая страница 36 Компьютер 2012 00 читать онлайн следующая страница 38 Компьютер 2012 00 читать онлайн Домой Выключить/включить текст