在web开发中，有时候要用到js模拟鼠标的选中文本
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html>
4<head>
5<title>文本被选中</title>
6<script type="text/javascript">
7
function selectItem1(){
8
var mydiv = document.getElementById("myDiv");
9 var range= document.body.createTextRange();
10 range.moveToElementText(mydiv)
11 range.moveEnd('character',-1);
12 range.moveStart('character',-1);
13 range.select();
14
}
15
16function selectItem2(){
17 var obj = document.getElementsByName("textRange")[0];
18 var range = obj.createTextRange()
19 range.moveStart("character",0);
20 range.select();
21}
22</script>
23</head>
24<body>
25<div id="myDiv" onclick="selectItem()">
26再过二十天左右就要面临高考了，1321321有许多考222生们目前正在紧张的复习当中。但是在北京出现
27</div>
28<input type="button" value="选中上面的文本" onclick="selectItem1()" />
29</br>
30<input type="text" name="textRange" size="100" value="要检查您的网络连接，请单击工具菜单，然后单击 Internet 选项。">
31</br>
32<input type="button" value="选中上面的文本" onclick="selectItem2()" />
33</body>
34</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"2
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3
<html>4
<head>5
<title>文本被选中</title>6
<script type="text/javascript">7
function selectItem1(){
8
var mydiv = document.getElementById("myDiv");9
var range= document.body.createTextRange(); 10
range.moveToElementText(mydiv) 11
range.moveEnd('character',-1); 12
range.moveStart('character',-1); 13
range.select(); 14
}15
16
function selectItem2(){17
var obj = document.getElementsByName("textRange")[0]; 18
var range = obj.createTextRange() 19
range.moveStart("character",0); 20
range.select(); 21
}22
</script>23
</head>24
<body>25
<div id="myDiv" onclick="selectItem()">26
再过二十天左右就要面临高考了，1321321有许多考222生们目前正在紧张的复习当中。但是在北京出现 27
</div>28
<input type="button" value="选中上面的文本" onclick="selectItem1()" />29
</br>30
<input type="text" name="textRange" size="100" value="要检查您的网络连接，请单击工具菜单，然后单击 Internet 选项。"> 31
</br>32
<input type="button" value="选中上面的文本" onclick="selectItem2()" />33
</body>34
</html>
