浏览器剪切版及ZeroClipboard.js的使用

使用firefox里面的剪切版(Mozilla Firefox 25.0.1)

针对某些站点“点击复制”的功能需求,firefox需要开启“复制”功能,默认firefox是不允许复制的(不允许访问剪切版)。并且默认firefox会弹出如下提示:

您的当前浏览器设置已关闭此功能!请按以下步骤开启此功能!n新开一个浏览器,在浏览器地址栏输入'about:config'并回车。n然后找到'signed.applets.codebase_principal_support'项,双击后设置为'true'。n声明:本功能不会危极您计算机或数据的安全!
按照提示信息进行设置,重启firefox,却没有效果!!!
解决方法如下:
1)找到firefox保存个人资料的文件夹
点击“工具栏”->帮助(Help)->故障排除信息(Troubleshooting Information)->打开目录(Open Directory);
此时,firefox保存个人资料文件夹的窗口会被打开;
我的目录是,~/.mozilla/firefox/t55rz9vr.default,这个t55rz9vr.default即是你设置个人资料存放的地方
2)更改firefox的默认设置,使其允许访问剪切版
查找t55rz9vr.default下面的user.js文件,若没有,创建一个user.js;
添加如下内容至user.js
user_pref("capability.policy.policynames", "allowclipboard");
user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org http://www.×××.com");
user_pref("capability.policy.allowclipboard.Clipboard.cutcopy", "allAccess");
user_pref("capability.policy.allowclipboard.Clipboard.paste", "allAccess");
其中https://www.mozilla.org,http://www.×××.com,即为允许访问剪切版的站点,按需进行替换,若有多个,以空格分隔即可。
参考:
http://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data?redirectlocale=en-US&redirectslug=Profiles
https://developer.mozilla.org/en-US/docs/Midas/Security_preferences 

使用ZeroClipboard.js实现站点的“点击复制”功能

ZeroClipboard JavaScript库提供了一种简单易用的方法帮助你访问剪切版。ZeroClipboard提供一个透明的flash,用于和剪切版交互,当点击页面上的“复制”按钮时,其实是这个透明的flash在起作用。你所做的只需保证该flash被正确加载即可。
ZeroClipboard.js官网及下载:https://github.com/zeroclipboard/zeroclipboard
1)我犯了一个错误
急于实现功能,匆匆在网上搜了个ZeroClipboard.js使用方法,按照步骤完成之后,总是提示:TypeError: ZeroClipboard.Client is not a constructor;
经过几番周折,回到原点,查看ZeroClipboard作者写的demo及说明文件,发现:
我看的网上教程,ZeroClipboard.js是:1.0.7,而我下载的是:1.2.3的,重要的是这两个版本初始化有点不一样!!!
2)针对最新版ZeroClipboard v1.2.3使用
	
        
html如下:
这里添加onmouseover,为了确保用户只点击一次就能够复制成功(因为有的时候,需要点击两次,冏)


(完)祝你愉快!!!

你可能感兴趣的:(ECMAscript)