在大多数浏览器中,可以使用CSS来实现:
*.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}对于IE <10和Opera,您将需要使用
unselectable希望不可选择的元素的属性。您可以使用HTML中的属性进行设置:
<div id="foo" unselectable="on" >...</div>
遗憾的是,该属性没有被继承,这意味着您必须在内每个元素的开始标记中放置一个属性
<div>。如果这是一个问题,您可以改为使用Javascript为元素的后代递归执行此操作:
function makeUnselectable(node) { if (node.nodeType == 1) { node.setAttribute("unselectable", "on"); } var child = node.firstChild; while (child) { makeUnselectable(child); child = child.nextSibling; }}makeUnselectable(document.getElementById("foo"));

![有没有办法使HTML页面上的文本无法选择?[重复] 有没有办法使HTML页面上的文本无法选择?[重复]](http://www.mshxw.com/aiimages/31/420675.png)
