Javascript如何复制内容到用户的剪贴板/剪切板

2016-02-19 20:28 18 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Javascript如何复制内容到用户的剪贴板/剪切板懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

  我们举例来说明吧,这样一眼就能看明白了!           

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  比如我们要复制一个类型为“text”的input里面的内容,它的ID为wanto,如下面一行代码所示:

input id="wanto" type="text" /

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  而下面这行代码呢是一个按钮,当我们点击这个按钮后就会把“wanto”里面的内容给复制到剪贴板里面去,我们重点来看看它的onclick这个javascript事件吧!
 
input type="button" value="复制" onclick="clipboardData.setData('Text',document.getElementById('wanto').value);" /

  这个onclick的事件处理函数就是把“wanto”里面的内容给复制到剪切板了,这个时候我们不管是用“Ctrl+V”的组合键还是用“右键”-“粘贴”都可以把剪切板里面的内容给倒出来了。简单吧·····

  这里的例子是复制类型为“text”的内容,其他诸如area等都是一样的。

来源:http://www.tulaoshi.com/n/20160219/1623771.html

延伸阅读
如何使用微云剪贴板?   请先运行微云=》复制一段文字内容=》复制后同时按快捷键Ctrl+D,文字内容即可发送到微云同一帐号的其他设备(如手机端)。
无论是在我们办公的时候,还是学习的时候,都离不开一个小小的剪贴板,可是这材质单一,颜色单调的剪贴板,天天拿在手里,时间长了都开始出现视疲劳了,怎么看怎么不顺眼,而且还经常会拿错。其实只要多去想一想,再动一点点手把它改造一下,既然可以将钢丝网办公用品美化,那么,剪贴板也可以有与众不同的一面。今天就让63diy将单调的剪...
标签: ASP
  /* 豆腐制作 都是精品 http://www.asp888.net 豆腐技术站 如转载 请保留完整版权信息 */ 在做网络追捕的时候,经常遇到这样的问题,是否需要将IP 地址重新输入一次的问题,所以在这里我考虑如何使用剪贴板的问题 幸好在IE的HTML扩展DOM中有这样的功能,我公享出来,大家一同分享。 <HTML <HEAD <SCRIPT LANGUAGE="JScript...
标签: 微云 电脑 网络
如何使用微云剪贴板? 微云剪切板可以实现电脑上复制,然后在手机上粘贴的功能,非常的强大与方便,那么我该怎么来实现这一操作呢,下就是操作的步骤, 首先我们需要打开电脑的微云客户端,先使用Ctrl+C复制我们需要的文字内容,然后使用Ctrl+D发送,之后我们就可以打开手机的微云,在手机端的微云里面找到更多选项,在更多下面选择剪贴板,最...
将数据导出到Excel的方法有多种,速度有快慢之分,我用过三种方法,速度都比较快,下面的一种是通过剪贴板进行,不过在个别W2K以上的系统,由于字符集编码不同,中文内容导出到Excel后可能变成乱码。 //显示进度条面板 procedure ShowProgress(Min, Max, Position: integer); begin     pnlProgress.Left :...

经验教程

678

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部