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

您所在的位置:网站首页 steam复制网页url粘贴不了 jQuery插件zclip实现复制内容到剪贴板完全兼容的浏览器,点击

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

2023-03-28 06:23| 来源: 网络整理| 查看: 265

在网络的发展,允许用户复制一段代码页,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