Как убрать выделение блока после двойного клика?

Question

[Lomoson]

В блок после двойного клика через ajax подгружается select multiple. Проблема в том, что в подгружаемом блоке текст элемент формы выделен синим цветом.
Подскажите, пожалуйста, как убрать такую штуку? user-select: none; не канает т.к. нужно что-бы пользователь смог выделать текст.

Answer 1

[Юрий Лобанов]

Есть вот такой вариант, но работает слегка с задержкой.
codepen.io/iiil/pen/htBdq

Answer 2

[memba]

Я использую отмену события и предотвращение его дальнейшего распространения.
Почитайте про event.preventDefault и event.stopPropagation.

// UPD

Видимо тут только мне кажется что:

$('div').mousedown(function(event){
  event.stopPropagation();
  event.preventDefault(); 
  return false;
});

Выглядит лучше и правильнее...
Погасите событие mousedown и элемент выделяться не будет. Выделение происходит не из-за "даблклика".

Answer 3

[RubaXa]

Как вариант:

function removeSelection() {
   try {
      document.selection
         ? document.selection.empty()
	  : window.getSelection().removeAllRanges()
      ;
   } catch (err) { }
}

Answer 4

[Денис Инешин]

Вот, накидал 3 варианта, выбирайте самый подходящий.
jsfiddle.net/hR7PL

Answer 5

[Александр Токмаков]

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;