работа с выделением текста

[sinestro]

здравтствуйте, познакомился с JS недавно и интересует вот что. на странице будет несколько div'ов с текстом. пользователь будет выделять кусок текста в одном из них и этот выделенный кусок текста отправиться на сервер. но пользователь случайно может захватить кусок текста вне разрешённого div'a. т.е. лишний текст, который отправлять не нужно. как сделать чтобы текст выделялся только в нужном диве, как например это происходит в input text? если я зажму мышку на этом инпуте и отведу её в сторону, текст будет выделен только в нём

[vlad360]

Как запретить выделение текста на JS?
Применяешь к тому диву который не должен выделяться
Есть несколько вариантов.

1. Выполнить preventDefault для событий onselectstart и onmousedown

var element = document.getElementById('content');
element.onselectstart = function () { return false; }
element.onmousedown = function () { return false; }

2. Добавить атрибут unselectable

$(document.body).attr('unselectable', 'on')

3. Добавить стиль user-select: none

.g-unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

[Naive]

У ТС была задача после старта отменить выделение в других блоках...
Задача слишком нетривиальна. Для ее решения придется глубоко копаться в доках, я бы забил) можно попробовать сделать через эдитабельность блока (там есть такой атрибут), но тут же словишь дофига других косяков, вроде подчеркивания ошибок, возможности изменять текст + доусрани новых тегов, этот эдит ловит перенос каретки, ставит <br>, ctrl+b заключает текст в <b>, ctrl+u, ctrl+i срабатывают, да и юзер может текст писать, если додумается...