This question already has an answer here:
- How to disable text selection highlighting 42 answers
So, while playing with scrollbars and stuff in HTML5, I'm starting to notice an annoying trend. If I have text near my element that's being dragged (say, a scrub bar for a video, scroll bar, anything a user would click and drag), nearby text will get selected, as if I'm not using a control, just dragging over the page.
This is terribly annoying, and I can't seem to find the right string to search for on google to figure out if it's possible to make certain elements "unselectable".
Anyone know how to do this?
It varies per browser. These CSS properties will target WebKit and Gecko-based browsers, as well as any future browsers that support user-select:
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
In IE you can make text immediately within an element unselectable (i.e. doesn't apply to text in its children) by using the unselectable="on" attribute.
Note that if applying from javascript you MUST use el.setAttribute("unselectable","on"). Just trying el.unselectable="on" will not work. (Tested in IE9).
来源：https://stackoverflow.com/questions/5207723/making-text-unselectable