Prevent highlighting text on mousedown

Question

I want not to highlight element when I drag some of my element, and for this purpose I did this

$('#object')
 .draggable()
 .mousedown(function(event) {
   event.preventDefault();
 });

but now I encounter a problem that my other element's event such as blur didn't invoke. for instance when the focus enter in the element and this element has blur event, when I chose my draggable element, the blur event of previous element didn't invoke.

How can I handle this. also I didn't know which element focusout that I invoke blur event in mousedown event.

try CSS... [http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting](http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting) `user-select: none;` — Pimp Trizkit, Oct 31 '12 at 10:40
what happanes when you first assign `mosuedown` and after that make your obkect `dragabble`? — Reflective, Oct 31 '12 at 10:43

score 4 · Accepted Answer · answered Oct 31 '12 at 10:48

4

Try:

$('#object').css('user-select','none').prop('unselectable','on').on('selectstart',false);

answered Oct 31 '12 at 10:48

Elliott

2,669
2
23
33

Prevent highlighting text on mousedown

1 Answers1