AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

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


Попробуйте выделить этот текст
Исходный код этого примера:

<body lang=Ru OnSelectStart="event.returnValue=false;">

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


То же на 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;
}


.

© Copyright 2008-2019 by KDG



Rambler's Top100