Регистрация Войти
Войти через VK Войти через Яндекс

Поиск по сайту

Наш Telegram бот: @htmlweb_bot

Запрет выделения

Попробуйте выделить этот текст.

Исходный код этого примера:

<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>