跨浏览器开发经验总结(四) 怎么写入剪贴板

 更新时间:2010年05月13日 19:34:22   作者:  
让你的操作剪切板的操作支持多浏览器,一般IE,Firefox
IE、 Firefox可以支持JavaScript往剪贴板写入内容
IE可以很方便的支持剪贴板内容写入命令,可以使用execCommand(),也可以利用window.clipboardData。

使用execCommand,需要先从页面选中要复制到剪贴板的内容,如以下代码:
复制代码 代码如下:

var doc = obj.createTextRange();
doc.select();
doc.execCommand('copy');

使用window.clipboardData的方法如下,代码中同时实现了Firefox下写入剪贴板的功能:
复制代码 代码如下:

if(window.clipboardData) //IE
{
window.clipboardData.clearData();
window.clipboardData.setData("Text", txt);
}
else if (window.netscape)
{
try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}
catch (e)
{
alert("please visit 'about:config' and set signed.applets.codebase_principal_support as 'true'");
//提示用户开放浏览器的安全性设置
}

var clip = Components.classes["@mozilla.org/widget/clipboard;1"].createInstance(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes["@mozilla.org/widget/transferable;1"].createInstance(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext = txt;
str.data = copytext;
       trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return;
       clip.setData(trans,null,clipid.kGlobalClipboard);
}

以上代码可以实现在IE、Firefox中往剪贴版写入自定义内容,但是opera和webkit内核浏览器对安全性要求更高,不支持这种javascript直接操作剪贴板内容的方式,只能通过别的脚本语言“曲线救国”了。

Opera 、Safari、Chrome使用ActionScript往剪贴板写入内容

具体的实现可以将原本的动作按钮用flex或flash实现其外观,替换原来的图片或文字按钮,然后在点击该按钮时,执行以下ActionScript脚本:

//从浏览器环境中获得需要写入到剪贴板的内容

var s:String = String(ExternalInterface.call("getURL4Clipboard")); //getURL4Clipboard是页面上return剪贴板内容的javascript方法

//设置剪贴板内容

System.setClipboard(s);

//调用完成设置剪贴板内容后需要继续的JavaScript函数,比如提示用户信息等

ExternalInterface.call("copyURLCompleted"); //copyURLCompleted是页面上的javascript方法,继续执行复制后的工作

相关文章

  • script的async属性以非阻塞的模式加载脚本

    script的async属性以非阻塞的模式加载脚本

    HTML5实现了script的async属性,这个新的属性可以让js在浏览器中以非阻塞的模式加载,接下来介绍如何应用此属性,感兴趣的朋友可以了解下
    2013-01-01
  • TypeScript中Enum类型的具体使用

    TypeScript中Enum类型的具体使用

    在TypeScript 中,枚举或枚举类型是具有一组常量值的常量长度的数据结构,本文主要介绍了TypeScript中Enum类型的具体使用,具有一定的参考价值,感兴趣的可以了解一下
    2023-10-10
  • js+css3实现旋转效果

    js+css3实现旋转效果

    本文主要介绍了js+css3实现旋转效果的方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript判断对象和数组的两种方法

    JavaScript判断对象和数组的两种方法

    这篇文章主要介绍了JavaScript判断对象和数组的两种方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • JS简单添加元素新节点的方法示例

    JS简单添加元素新节点的方法示例

    这篇文章主要介绍了JS简单添加元素新节点的方法,结合实例形式分析了javascript针对页面元素节点的创建、添加、克隆等相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • 使用JavaScript 实现的人脸检测

    使用JavaScript 实现的人脸检测

    这篇文章主要介绍了使用JavaScript 实现的人脸检测的方法和实例,非常的不错,这里推荐给大家,有需要的小伙伴参考下。
    2015-03-03
  • JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false

    JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false

    这篇文章主要给大家介绍了关于JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • JavaScript的兼容性与调试技巧

    JavaScript的兼容性与调试技巧

    可能在大家使用JavaScript效果时,会碰到在各个浏览器中页面的显示效果不同,甚至报错,这就是代码的兼容性问题。本文就是主要介绍JavaScript的兼容性与调试技巧,希望对大家有所帮助
    2016-11-11
  • JavaScript解构赋值的实用技巧指南

    JavaScript解构赋值的实用技巧指南

    JavaScript解构赋值为我们提供了很多方便,但是用法比较多,本文就来梳理一下,下面这篇文章主要给大家介绍了关于JavaScript解构赋值的实用技巧指南,需要的朋友可以参考下
    2022-01-01
  • js实现二级菜单渐隐显示

    js实现二级菜单渐隐显示

    这篇文章主要介绍了js制作导航菜单实现二级菜单渐隐显示,感兴趣的小伙伴们可以参考一下
    2015-11-11

最新评论