在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![]()
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>
<!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>
浙公网安备 33010602011771号