jQuery插件zclip实现复制内容到剪贴板完全兼容的浏览器,点击

jQuery插件zclip实现复制内容到剪贴板完全兼容的浏览器,点击
在网络的发展,允许用户复制一段代码页,URL地址等信息,为了避免用户拖动鼠标,然后点击右键,复制操作可能出现的错误,我们可以将一个复制按钮直接在页面上,点击复制按钮,内容将可复制,用户可以再粘贴。
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:复制的内容后,回调函数,可选

以上是本文的全部内容,希望大家能喜欢。

tag:剪贴板浏览器插件内容电脑软件

相关内容