<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>同时支持iexplorer和firefox的javascript复制拷贝剪贴板方法</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
//copy信息到剪贴板
function cpIt(s){
if (window.clipboardData) {
window.clipboardData.setData("Text",s);
}
else
{
var flashcopier = 'flashcopier';
if(!document.getElementById(flashcopier)) {
var divholder = document.createElement('div');
divholder.id = flashcopier;
document.body.appendChild(divholder);
}
document.getElementById(flashcopier).innerHTML = '';
var divinfo = '<embed src="clipboard.swf" FlashVars="clipboard='+encodeURIComponent(s)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
}
alert("\r\n信息:"+s+"\r\n\r\n恭喜您,您需要的信息已经被成功复制到剪贴板了!\r\n\r\n贴心小提示:(1) 按 Ctrl+v 可以将上面信息粘贴到您指定的位置。\r\n\r\n (2) 按空格键可迅速关闭本提示框");
}
</script>
</head><body>
<input type="text" name="idCopyText" id="idCopyText" value="要拷贝的文字..."><input type="button" value="拷贝到剪贴板" onclick="cpIt(document.getElementById('idCopyText').value);">
</body></html>
分享到:
相关推荐
zeroClipboard.js + swf 支持chrome和IE浏览器,拷贝复制粘贴的功能,跨浏览器支持
开发中经常会用到复制的功能,在 IE 下实现比较简单。但要想做到跨浏览器比较困难了。本文将介绍一个跨浏览器的库类 Zero Clipboard 。它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比 IE 的 ...
因为网站文章需要提供几个按钮,单击后实现复制文章内容到剪贴板。 在网上搜索了很多内容,发现都比较乱这里自己整理下,分享给大家 效果图如下: 之前使用的是window.clipboardData.setData,只能支持IE和火狐。...
兼容各大浏览器的jquery zclip复制功能所需要的类库(jquery.zclip.min.js和zeroClipboard.swf)
Zero Clipboard实现简单跨浏览器复制 var clip = new ZeroClipboard.Client(); // 新建一个对象 clip.setHandCursor( true ); // 设置鼠标为手型 clip.setText("哈哈"); // 设置要复制的文本。 // 注册一个 button,...
兼容各个浏览器,使用falsh实现复制功能
jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。 1、jQuery-zclip用法 //引入...
现在浏览器种类也越来越多,诸如 IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: ...
ZeroClipboard 是国外大神开发的一个用于剪贴板复制的 JS 插件,它是基于 Flash 来实现跨浏览器的复制功能的。当我们使用 ZeroClipboard 的时候,它会悄悄隐藏一个小小的 Flash 影片(swf),不会对我们的用户界面造成...
所以采用flash的方式,模拟一个层,再来复制,就可以做到全部浏览器都适用哦~ 需要下载一个swf文件,和一个js文件。把这两个文件,和htm放到一起。 图示: 必须放在服务器端使用哦。 图示: JS代码: 代码如下: ...
这里需要三个插件,分别是: jquery.js ZeroClipboard.js ZeroClipboard.swf 祝你好运! 代码如下: <meta charset=”utf-8″ /> <button id=”d_clip_button” data-clipboard-target=”fe_text” >点击...
在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案:这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板。原理是:创建一个隐藏的flash...
单击复制文字的js。找了很久,由于之前没有接触过,完全不知道兼容ie及标准dom浏览器,不仅仅要通过js,而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问 ...
开发(将新的SWF放在/ dist /中): grunt mxmlc 生产/分发(运行mxmlc任务并将SWF复制到dist /): grunt dist 运行连接服务器。 grunt connect:dev 在上打开浏览器以观看视频播放。 您可以继续使用grunt来重建...
上传文件 Prism-toolbar.css 、prism-toolbar.js、 zeroclipboard.min.js 和 zeroclipboard.swf 到您的网站托管帐户(将 ZeroClipboard.js 和 ZeroClipboard.swf 上传到同一文件夹中,否则插件将无法工作) ...
复制页面内容到剪贴板兼容各浏览器 ##引用方式 require('jquery-zclip'); ##使用方法 $('#copy_input').zclip({ path: __uri('../../components/jquery-zclip/ZeroClipboard.swf'), copy: function(){//复制内容...
5、JS 计算网页内容的宽与高 (浏览器的标准模式与怪异模式) 237 6、JS设置与查看网页的解析模式(值) 249 7、JS判断对象是否已经存在 249 8、CSS设置网页在IE下为灰色显示 250 9、HTML A链接CSS样式 251 10、CSS...
JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...
JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...