Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

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

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

Исходный код этого примера:
<body OnSelectStart="event.returnValue=false;">

<h2>Запрет выделения</h2>
<p>
    Попробуйте выделить этот текст
</p>



То же на javascript:

elem.onselectstart = function() {
    return false;
};

Стилями CSS:

*[unselectable=on] {
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

# для IE
unselectable="on"

Другой вариант запрета выделения, добавляем div в position: absolute; и слоем выше всех остальных элементов. Смотрите пример:

HTML
<div id="cover"></div>

CSS
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;
}