js 拖拽时避免文字被选中

程序员文章站 2022-05-29 07:57:16
...
<html>
<title>alixixi.com</title>
<head>
<script type="text/javascript">

function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
	target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
	target.style.MozUserSelect="none"
else //All other route (ie: Opera)
	target.onmousedown=function(){return false}
target.style.cursor = "default"
}

//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"

</script>
</head>

<body>
<div id="test" style="background:#f1f1f1;border:1px #000  dotted">这里不能选择</div>
<script type="text/javascript">
var somediv=document.getElementById("test")
disableSelection(somediv) //disable text selection within DIV with id="mydiv"
</script>
</body>
</html>
<a href="http://www.6tianf.com">欢迎访问六天赋网页制作自学基地</a>