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


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

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

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

  而下面这行代码呢是一个按钮,当我们点击这个按钮后就会把“wanto”里面的内容给复制到剪贴板里面去,我们重点来看看它的onclick这个javascript事件吧!

  <input type="button" value="复制" onclick="clipboardData.setData('Text',document.getElementById('wanto').value);" />

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

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

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3