jQuery插件zclip实现复制内容到剪贴板完全兼容的浏览器,点击 |
您所在的位置:网站首页 › steam复制网页url粘贴不了 › 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:复制的内容后,回调函数,可选 以上是本文的全部内容,希望大家能喜欢。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |