jQuery插件zclip实现复制内容到剪贴板完全兼容的浏览器,点击
HTML
首先,你需要加载jQuery库和zclip在页面插件。这两个文件已经打包好了,欢迎点击下载。
然后我们在页面的正文部分添加以下代码:
请输入内容
复制内容
一个输入框的文本放在网页上,当然,也可以是其他的HTML元素,然后复制按钮,或链接文本形式。
Javascript
点击复制内容时,该zclip插件被调用和复制是提示成功。见代码:
$(函数(){())
$(# copy_input)。Zclip({
路径:'js / zeroclipboard SWF,
复制:(函数)复制
返回$(' # mytext)。瓦迩();
},
aftercopy:(功能){ / /复制成功
$()。InsertAfter($(' # copy_input '))。文本(复制成功);
}
});
});
值得注意的是,如果复制的内容是从输入框输入文本,等等,复制对象的应用:
复制:函数(){
返回$(' # mytext)。瓦迩();
}
如果副本的内容来自页面元素div、p等,则复制对象使用:
复制:$(' # mytext文本());
这就完成了复制内容到剪贴板的功能。
参数描述
路径:SWF调用路径,必须,如JS / zeroclipboard.swf,下载包中已经存在zeroclipboard.swf文件。
复制:复制、必须、任意字符串或回调函数返回的内容的内容。
beforecopy:复制前内容回调函数,可选
aftercopy:复制的内容后,回调函数,可选
以上是本文的全部内容,希望大家能喜欢。