Как изолировать элементы?

Question

[Johny Smith]

Что можно сделать, чтобы при выделении параграфа можно было выделить только его, и нельзя было сделать селект случайно всего контента сайта, включая картинки, другие параграфы, секции и т.п.

Comments

[Demian Smith]

Похоже на то что физически в HTML правая панель находится перед основным контентом. Это и создаёт такой замечательный эффект.

Answer 1

[codefln]

Например:

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

Comments

[Johny Smith]

Не подскажите, это надо на JavaScript всем элементам давать .noselect кроме того, на котором наведён курсор?

[Никита Егоров]

Olek1, легче сделать наоборот, select добавить только тем элементам, которые можно выделять.

[Johny Smith]

svupol, спасибо!