js实现浏览器兼容复制功能

经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()
语法:
    clipboardData.setData(sDataFormat, sData)
参数:sDataFormat:要复制的内容的格式;sData:要复制的内容。
返回值:复制成功返回true;失败返回false。

<script language="JavaScript">
function jianqie(id)
{var id;
var text=document.all(id).innerText
if (clipboardData.setData("text",text))
{alert("复制成功!")}
else
{alert("复制失败!")}
}
</script>

IE js代码:

复制代码 代码如下:

<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

chrome JS代码:

复制代码 代码如下:

<script src="http://www.weicaiyun.com/assets/js/copy/ZeroClipboard.js"></script>

<script type="text/javascript">

var clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.setText(‘复制内容‘);
clip.glue(‘button‘);

</script>

<input type="button" id="button" value="点击复制代码" />

http://zeroclipboard.org/#demo   //zeroclipboard下载地址

http://blog.csdn.net/skyboxgogo/article/details/8768683 详解-----

时间: 2024-08-03 10:38:05

js实现浏览器兼容复制功能的相关文章

js在浏览器兼容教程:事件处理

如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,主要的JavaScript的事件模型有三种(参考<Supporting Three Event Models at Once>),它们分别是NN4.IE4+和W3C/Safar. 1. window.event [分析说明]先看一段代码 function et(){ alert(event);//IE: [object]} 以上代码在IE运行的结果是[object],而在Firefox无法运行

js各类浏览器兼容问题

IE低版本浏览器和其他浏览器一般都不一样,为了实现兼容,可以采用以下的方法: /*为元素添加事件监听   兼容各种浏览器*/if(div.attachEvent){  //ie浏览器    div.attachEvent("onclick",show); }else{ div.addEventListener("click",show,false); } /*同样的道理   为元素移除事件监听   兼容各种浏览器*/if(div.detachEvent){ div.

html5media.js 让浏览器兼容&lt;Video&gt;&lt;Audio&gt; 标签

介绍:https://html5media.info/ 项目:https://github.com/etianen/html5media Wiki:https://github.com/etianen/html5media/wiki   额,没啥可说的 引入js: <script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>   插入视频: <video src=&qu

js 完美兼容浏览器的复制功能

1,js结合swf的复制功能,完美兼容火狐,谷歌,360,ie8,使用示例:(ps:引入copy.swf比较重要,文件传送门 解压密码:http://www.bieanju.com/,为了防止360删除文件请解压后去除后缀的1) function copyText(){        var clip = new ZeroClipboard.Client();         clip.setHandCursor(true);                //var text= documen

js快速判断IE浏览器(兼容IE10与IE11)

在很多时候,我们一般采用navigator.userAgent和正则表达来判断IE浏览器版本,下面介绍用IE浏览器中不同特性来判断IE浏览器   1 判断IE浏览器与非IE 浏览器 IE浏览器与非IE浏览器的区别是IE浏览器支持ActiveXObject,但是非IE浏览器不支持ActiveXObject.在IE11浏览器还没出现的时候我们判断IE和非IE经常是这么写的 ? 1 2 3 function isIe(){        return window.ActiveXObject ? tr

js 判断浏览器关闭事件 兼容所有浏览器

无论是从页签处关闭浏览器,还是关闭整个浏览器窗口,无论是 ie11,火狐,谷歌,苹果,还是ie6,都能兼容的浏览器关闭事件监听 在网上搜索了一天,虽然网上也有之类的代码,但是太繁琐,有时候还不可用.我也是在原有基础上修改的.经过了上述的浏览器测试,如果有不兼容的,欢迎提出意见一起学习. ? <script type="text/jscript" src="jquery-1.10.2.min.js"></script> <script t

js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转

1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; } return false; } 2.停止事件冒泡 function stopBubble(e) { //如果提供

JS控制CSS3,添加浏览器兼容前缀

不同浏览器对于有些css3属性名字定义的时候,会带上特有的前缀,所以在css编写的时候,经常会一个属性写多个不同的前缀进行兼容.比如: div { transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -o-transform: rotate(30deg); /* Opera */ -moz-trans

js 浏览器兼容的一些方法

使用js是一件令人很抓狂的事情,很多的浏览器兼容,一大推的代码,谁的脑袋能记住那么多的东西,只有平时多积累,所谓熟能生巧嘛..这里列出一些常用的兼容代码,一点点积累哈~~~ 一.以跨浏览器的方式处理事件.这个叫EventUtil对象定义了一些方法,用来处理各浏览器之间的差异. var EventUtil={ addHandler:function(element,type,handler){//绑定事件 if(element.addEventListener){ element.addEvent