JS技术

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

字号+ 作者: 来源:    2014-11-17 20:00 我要评论( )

Javascript如何复制内容到用户的剪贴板/剪切板,阅读Javascript如何复制内容到用户的剪贴板/剪切板,我们举例来说明吧,这样一眼就能看明白了! 比如我们要复制一个类型为“text”的input里面的内容,它的ID为wanto,如下面一行代码所示:input id=

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

比如我们要复制一个类型为“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等都是一样的。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript如何复制内容到用户的剪贴板/剪切板_javascript教程教程

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

    2015-10-04 12:13

网友点评