如何单击按钮选中特定的div区域的所有文字?
test.htm文件代码如下:
<html>
<style>
.quote{
margin:5px 20px;
border:1px solid #CCCCCC;
padding:5px;
font-family: Courier New;
font-size:11pt;
background:#F3F3F3
}
</style>
<body>
怎么样按“选中”按钮选中div中的所有文字?
<input type="button" onclick="" value="选中"><br>
<DIV class="quote">
选中这里的所有文字!
</DIV>
</body>
</html>
问题点数:100、回复次数:8Top
1 楼javaCandelaboy(java初学着)回复于 2004-07-01 13:52:45 得分 0
有朋友知道怎么做吗?谢谢了!!!Top
2 楼wanghui0380(放歌)回复于 2004-07-01 14:01:23 得分 10
<input type="button" onclick="" value="选中" onclick="xxx();">
<script>
function xxx(){
a=document.all.quto.innterhtml;取得quto的html代码,选中效果可以更改背景颜色为黑色
b=document.all.quot.inntertext;取得文字,这个看你的处理过程是只想取字还是要效果,要效果取a,只取文字取b
}Top
3 楼SonicX(SonicX)回复于 2004-07-01 14:07:59 得分 50
<html>
<style>
.quote{
margin:5px 20px;
border:1px solid #CCCCCC;
padding:5px;
font-family: Courier New;
font-size:11pt;
background:#F3F3F3
}
</style>
<script>
function copyText(obj) {var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.select();rng.execCommand('Copy');}
</script>
<body>
怎么样按“选中”按钮选中div中的所有文字?
<input type="button" onclick="javascript:copyText(document.all.div1)" value="选中"><br>
<DIV class="quote">
<span id="div1">选中这里的所有文字!</span>
</DIV>
</body>
</html>Top
4 楼javaCandelaboy(java初学着)回复于 2004-07-01 14:11:07 得分 0
其实我最终要的是复制功能,如果可以点按钮进行复制div里面的文字到剪贴板上就好了,不知道可否实现?Top
5 楼SonicX(SonicX)回复于 2004-07-01 14:19:49 得分 0
rng.select();
表示全选
rng.execCommand('Copy')
表示复制到剪贴板
已经复制好了 ^_^Top
6 楼javaCandelaboy(java初学着)回复于 2004-07-01 14:20:13 得分 0
谢谢SonicX(SonicX) 。
但是我还想问下,选中以后怎么样让它不选中,恢复到原来的样子,我要让它一闪后恢复原样,而内容已经到了剪贴板了。Top
7 楼pizixt(皮子)回复于 2004-07-01 15:09:45 得分 40
<html>
<head>
<style>
.quote{
margin:5px 20px;
border:1px solid #CCCCCC;
padding:5px;
font-family: Courier New;
font-size:11pt;
background:#F3F3F3
}
</style>
<script>
function copyText(obj)
{var rng=document.body.createTextRange();
rng.moveToElementText(obj);
rng.expand("word");
rng.execCommand('Copy');
T1.value=rng.text;
}
</script>
</head>
<body>
怎么样按“选中”按钮选中div中的所有文字?
<input type="button" onclick="javascript:copyText(document.all.div1)" value="选中"><br>
<DIV class="quote">
<span id="div1">选中这里的所有文字!</span>
</DIV>
<input type="text" name="T1" size="40">
</body>
</html>Top




