|
Zero Clipboard的实现道理
Zero Clipboard 操作透明的Flash让其漂流在复制按钮之上，这样着实点击的不是按钮而是 Flash ，这样将必要的内容传入Flash，再通过Flash的复制成果把传入的内容复制到剪贴板。
Zero Clipboard的安装要领
着实也不算安装啦，就是行使前的筹备事变。
起首必要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中。
Zero Clipboard : [项目主页] [zip下载] [在线演示]
然后把在你要行使复制成果的页面中引入Zero Clipboard的js文件：ZeroClipboard.js
如下代码：
<script type="text/javascript" src="ZeroClipboard.js"></script>留意：以上 ZeroClipboard.js, ZeroClipboard.swf必要放在统一起径下。假如不在统一起径，可行使ZeroClipboard.setMoviePath( “Flash路径” );来配置ZeroClipboard.swf 地点
Zero Clipboard实现简朴跨赏识器复制
var clip = new ZeroClipboard.Client(); // 新建一个工具
clip.setHandCursor( true ); // 配置鼠标为手型
clip.setText("哈哈"); // 配置要复制的文本。
// 注册一个 button，参数为 id。点击这个 button 就会复制。
//这个 button 不必然要求是一个 input 按钮，也可所以其他 DOM 元素。
clip.glue("copy-botton"); // 和上一句位置不行变更这样，这样根基成果实现了，点击按钮就可以复制配置好的文本了。你也许留意到了，待复制的文本是牢靠的，假如想要动态改变的怎么办，好比复制一个输 入框中的内容。不消担忧，下面会讲到的。
Zero Clipboard的高级成果
1、reposition() 要领
由于按钮上漂流有一个 Flash 按钮，以是当页面巨细产生变革时，Flash 按钮也许会错位，这样就点不着了。 没相关，Zero Clipboard 提供了一个 reposition() 要领，可以从头计较 Flash 按钮的位置。我们可以将它绑定到 resize 变乱上。如下面代码是在jQuery下实现的resize变乱从头配置按钮位置：
$(window).resize(function(){
clip.reposition();
});2、hide() 和 show() 要领
这两个要领可以潜匿和表现 Flash 按钮 。个中 show() 要了解挪用 reposition() 要领。
3、setCSSEffects() 要领
当鼠标移到按钮上或点击时，因为有 Flash 按钮的遮挡，以是像 css “:hover”, “:active” 等伪类也许会失效。setCSSEffects() 要领就是办理这个题目。起首我们必要将伪类改成类，好比：
#copy-botton:hover{
border-color:#FF6633;
}
// 可以改成下面的 ":hover" 改成 ".hover"
#copy-botton.hover{
border-color:#FF6633;
}我们可以挪用 clip.setCSSEffects( true ); 这样 Zero Clipboard 会自动为我们处理赏罚：将类 .hover 当成伪类 :hover 。 （编辑：湖南网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
