JAVASCRIPT复制到剪贴板
来源:我的博客
最近答应张先生替42qu写一个短址服务,写的过程中学到若干新东西,JS操作剪贴板便是其中一例。
Javascript本身当然提供了操作剪贴板的接口,一般长得像
function copyToClipboard(text)
{
if (window.clipboardData) // IE
{
window.clipboardData.setData( "Text" , text);
}
else
{
unsafeWindow.netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect");
const clipboardHelper = Components.classes[ "@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);
clipboardHelper.copyString(text);
}
}
但是,由于各家对于安全这一字眼的认知存在差异,因此,这些既存接口用起来需要勇气——破罐子破摔的勇气。
于是,我浏览了StackOverFlow上的讨论,其中提到的使用flash hack看起来像是目前最完美解决方案,于是,我开始了zeroClipboard探险。由于我在页面中使用ajax 提交form,用了jQuery的库,导致若干问题,为此我再次寻找,发现了后来采用的解决方案——zClip。
zClip 结合了zeroClipboard 和 jQuery,满足我的需要,由于其简洁的接口设计,应该也满足大多数人的需要。当然,不得不提的是,其flash依赖导致其存在先天性缺陷,使用请小心。
下面我贴上其官网的使用说明(翻译):
1. 添加jQuery 和zClip到页面中:
< script type = "text/javascript" src = "js/jquery.js" ></ script >
< script type = "text/javascript" src = "js/jquery.zclip.js" ></ script >
2. 绑定zClip和你用来复制的按钮(或其他元素):
$(document).ready( function (){
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
- 发表评论
-
- 最新评论 更多>>