Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Запрет выделения
Попробуйте выделить этот текст.
Исходный код этого примера:
<body onselectstart="event.returnValue=false;">
<p>Попробуйте выделить этот текст.</p>
Вариант на JavaScript
elem.onselectstart = function() {
return false;
};
Вариант стилями CSS
* {
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
Вариант с дополнительным блоком
Другой вариант запрета выделения: добавляем div с абсолютным позиционированием и располагаем его слоем выше всех остальных элементов. Смотрите пример:
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#cover {
position: absolute;
z-index: 99;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
</style>
<div id="cover"></div>
.
Прокомментировать/Отблагодарить