stopping firefox from selecting content on webpage

Question

Possible Duplicate:
What is the best way to prevent highlighting of text when clicking on its containing div in javascript?

When a user clicks and drags how do you stop firefox from highlighting your content?

As @TheifMaster has said, we know how much you accept answers, and the more you do, the more likely it is that the *smart guys* will give you an answer. (`smart != nice`) You can do this by clicking on the **check mark** below the *down vote* button. — Mateen Ulhaq, Feb 16 '11 at 22:50
Please note: Anybody determined enough will find a way to copy stuff off of your page. — drudge, Feb 16 '11 at 22:54

score 4 · Accepted Answer · edited May 23 '17 at 12:13

Basically, for firefox, you should be able to do this in CSS:

div.noSelect {
  -moz-user-select: none;//mozilla browsers
  -khtml-user-select: none;//webkit browsers
}

For IE you can apparently "add a handler to the ondragstart event, and return false;"

score 1 · Answer 2 · answered Feb 16 '11 at 22:46

If you are using jQuery UI on your page, you can simply use $('body').disableSelection();

If not, try this (this is what disableSelection() does):

var elem = document.body;
elem.onselectstart = function() { return false; };
elem.MozUserSelect = 'none';
elem.unselectable = 'on';

score 0 · Answer 3 · edited May 23 '17 at 12:29

0

You can do this with the unselectable expando property in IE and CSS in other browsers. See this answer for more details: How to disable text selection highlighting using CSS?

edited May 23 '17 at 12:29

Community

answered Feb 16 '11 at 23:52

Tim Down

3 Answers3