html5+js 如何实现 复制到剪切板

可以用JS,但是绝对不能使用FLASH。

//方法一:只对IE有效:
<script>
function copyToClipboard() { 
var d = document.all("source").value; 
window.clipboardData.setData('text', d); 

</script>
<button onclick="copyToClipboard();">拷贝</button> 
<input type="text" size=20 id="source" value="测试数据">
<button onclick="alert(window.clipboardData.getData('text'));">显示</button> 
<button onclick="window.clipboardData.clearData('text');">清空</button>

直接复制是个很危险的操作,所以为了安全谷歌和其他浏览器都做了阻止,当然出来IE这种垃圾浏览器以外。目前网上的都是借助flash来达到兼容,其他的方法还真没见过。另外html5当然以谷歌内核为主:有条报道:Chrome doesn't do document.execCommand('copy') since October 2010.

2010年后谷歌就不允许使用上述方法复制了。当然可以以提醒的方法来做:

function copyToClipboard(text) {
  window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
}

追问

谢谢,目前就是按你说的那种方法,想寻找更好的解决方案。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-05-16
//方法一:只对IE有效:
<script>
function copyToClipboard() { 
var d = document.all("source").value; 
window.clipboardData.setData('text', d); 

</script>
<button onclick="copyToClipboard();">拷贝</button> 
<input type="text" size=20 id="source" value="测试数据">
<button onclick="alert(window.clipboardData.getData('text'));">显示</button> 
<button onclick="window.clipboardData.clearData('text');">清空</button>

直接复制是个很危险的操作,所以为了安全谷歌和其他浏览器都做了阻止,当然出来IE这种垃圾浏览器以外。目前网上的都是借助flash来达到兼容,其他的方法还真没见过。另外html5当然以谷歌内核为主:有条报道:Chrome doesn't do document.execCommand('copy') since October 2010.

2010年后谷歌就不允许使用上述方法复制了。当然可以以提醒的方法来做:

function copyToClipboard(text) {

window.prompt("Copy to clipboard: Ctrl+C, Enter", text);

}

第2个回答  2018-04-05

可用JS。

方法一:只对IE有效:<script>function copyToClipboard() { var d = document.all("source").value; window.clipboardData.setData('text', d); } </script><button onclick="copyToClipboard();">拷贝</button> <input type="text" size=20 id="source" value="测试数据"><button onclick="alert(window.clipboardData.getData('text'));">显示</button> <button onclick="window.clipboardData.clearData('text');">清空</button>

对于直接复制是一个很危险的操作,为了安全谷歌和其他浏览器都做了阻止,除了出来IE这种垃圾浏览器以外。目前网上的都是借助flash来达到兼容,其他的方法还真没见过。另外html5当然以谷歌内核为主:有条报道:Chrome doesn't do document.execCommand('copy') since October 2010.

虽然2010年后谷歌就不允许使用上述方法进行复制了,但是以提醒的方法来做:

function copyToClipboard(text) {  window.prompt("Copy to clipboard: Ctrl+C, Enter", text);}本回答被网友采纳

html5+js,如何实现,复制到剪切板?
方法一:只对IE有效:<script>function copyToClipboard() { var d = document.all("source").value; window.clipboardData.setData('text', d); } <\/script><button onclick="copyToClipboard();">拷贝<\/button> <input type="text" size=20 id="source" value="测试数据"><button onclick="...

html5移动开发,复制到剪贴板怎么实现
首先加载本地clipboard.js文件;然后就是在body中加上要复制或剪切的文本域内容以及按钮;使用了HTML5的data-属性,用来定位复制对象目标,它指向了文本域#foo,说明复制的是#foo中的value内容,aria-label属性定义了复制成功后的信息,用来提示复制结果信息。

html5的一点写法求助,好像要用js写的吧
你实际使用中按这个格式扩展即可。有了对象,然后写js,请把下面这段代码复制到ul1之后 <script> var dataArr = [ {id: 'mk1', href: 'mm33.html', target: '_blank', src: '1F.jpg'}, {id: 'mk2', href: '#', target: '', src: 'gh4.jpg'}, {id: 'mk3', h...

html5和响应式页面到底是有什么关系
比如,bootstrap支援响应式设计,具体体现在bootstrap的css库(主要是启用了css3标准的media query功能)实现了各种装置下的一些预设的+css元件(就是一些半成品的程式码片段,适合在网页各个地方复制贴上)。 简单说: 5是的最新标准 ,体现在新标签,新css标准,新js介面 bootstrap是基于5技术的...

html5看如何实现文本1小写后,文本2自动转换成大写金额
直接上代码,复制后新建html文件可预览 <script src="http:\/\/libs.baidu.com\/jquery\/2.0.0\/jquery.min.js"><\/script>输入小写金额:<input id="money" onblur="showChineseAmount();" type="text"><span id="C_money"><\/span><script type="text\/javascript">function showChineseAmount() ...

手机移动端html5、js如何实现视频上传并压缩视频质量,或者降低手机摄像...
你好 HTML5和javascript是不能压缩视频的,只能把视频传到服务器端,由后端来压缩视频,也不能控制相机的拍摄质量,除非你用JAVA写Android客户端才可以压缩。希望我的回答能够帮助到你,如果还有什么疑问可以继续追问。

浏览器执行js的过程?
浏览器怎么执行js的浏览器执行js的方法:在浏览器地址栏直接执行JavaScript脚本,也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。如输入:javascript:alert(200*75)在微信浏览器里面开启H5网页中执行JS调起支付在微信浏览器里面开启H5网页中执行JS调起支付 在微信浏览器中访问你制作的HTML5...

一些好用的前端小插件(2)
qrcode是一个用于生成二维码的JavaScript库,主要通过HTML5 Canvas绘制而成,无需依赖其他库。jsbarcode是一个用于生成条形码的JavaScript库,适用于生成各类条形码。Clipboard.js是一个用于复制文本到剪贴板的JavaScript库,简化了复制操作。Driver.js是一个新手指引交互工具库,帮助新用户快速熟悉产品功能。Pinia...

js编辑pdf文件?
4、纯js实现分页方法一:废话不多说,直接上代码了!注:本项目是全程使用js来写的,前台的数据通过ajax进行获取,然后再进行拼装,动态加载到页面。5、PDF.js是一个由HTML5建立的PDF阅读器。依托开源社区驱动和Mozilla实验室的技术支持。6、安装和引入pdf.js包。(这里不再做过多的赘述)渲染pdf,...

flash与html5哪个优势
1、html5 HTML5对于用户来说,提高了用户体验,加强了视觉感受。HTML5技术在移动端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要下载客户端或插件就能够观看视频、玩游戏,操作更加简单,用户体验更好。HTML5技术跨平台,适配多终端。传统移动终端上的Native App,开发者的研发工作必须...

相似回答