CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  ASP

如何单击按钮选中特定的div区域的所有文字?

楼主javaCandelaboy(java初学着)2004-07-01 11:47:28 在 Web 开发 / ASP 提问

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

相关问题

  • 我想在一个特定大小的页面中单击一个按钮...
  • 按钮的单击事件
  • 模拟按钮单击
  • 怎样在单击一个按钮时让一个文本框的内容和一个textArea的内容都被选中
  • 调用按钮单击事件问题!
  • 单击选中文字的问题
  • 怎样判断单击了一个按钮 if 单击 then ....
  • 问:两个多选列表框。如何选中一个列表框中的内容,再单击一个“选中”按钮后,所选内容出现在另一个列表框中
  • 怎样单击一个窗体的单击按钮时,让另一个窗体的单击按钮为假。
  • 在按钮单击事件中如何获得按钮Name??

关键词

  • 文字
  • 选中
  • 按钮
  • 所有文字
  • div

得分解答快速导航

  • 帖主:javaCandelaboy
  • wanghui0380
  • SonicX
  • pizixt

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo