搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏全栈程序员必看
Clipboard.js实现复制
Clipboard.js实现文本复制或者剪切到剪切板引用js文件 <script type="text/javascript" src=".
2.3K20编辑于 2022-09-06
来自专栏大前端（横向跨端 & 纵向全栈）
ClipBoard.js点击复制
DOCTYPE html> <html> <head> <title>ClipBoard.js点击复制</title> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/<em>clipboard.js</em>/2.0.0/clipboard.min.js"></script> </head>
17.8K10发布于 2020-11-26
来自专栏Lan小站
复制粘贴插件——clipboard.js的使用
clipboard.js 为什么将文本复制到剪贴板应该不难。它不应该需要几十个步骤来配置或加载数百 KB。但最重要的是，它不应该依赖于 Flash 或任何臃肿的框架。这就是 clipboard.js 存在的原因。安装你可以在 npm 上得到它。 npm install clipboard --save 或者，如果您不喜欢包管理，只需 https://github.com/zenorocha/clipboard.js/archive/master.zip Trigger --> <button class="btn" data-clipboard-text="Just because you can doesn't mean you should — <em>clipboard.js</em>
3.9K20编辑于 2022-07-13
来自专栏卓越笔记
html clipboard.js 现代化的拷贝复制文字
使用方法请看官网：https://clipboardjs.com/ CDN 资源资源地址：https://www.bootcdn.cn/clipboard.js/ 举个例子 // 引入相关 js cdn.bootcss.com/toastr.js/latest/css/toastr.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/<em>clipboard.js</em> }); clipboard.on('error', function (e) { toastr.error('标题复制失败'); }); </script> 为什么有 <em>clipboard.js</em> 最重要的，它不应该依赖 flash 或者其他框架，应该保持简洁这就是创造 <em>clipboard.js</em> 的原因和目的注意版本兼容新版本 2.0.4 new 一个对象时，名称变成了 ClipboardJS
1.4K30编辑于 2023-02-18
来自专栏全栈程序员必看
Clipboard.js实现复制文本到剪贴板功能
Clipboard.js是一个轻量级的实现复制文本到剪贴板功能的JavaScript插件，该插件可以将输入框，文本域，DOM节点元素中的文本内容复制到剪贴板中。 }); 使用方法如下： 1、在页面引入clipboard.js <script type="text/javascript" src="js/clipboard.min.js"></script>
3.1K10编辑于 2022-09-15
来自专栏黄啊码【CSDN同名】
用clipboard.js实现纯JS复制文本到剪切板
今天火端开始使用clipboard.js来复制网页文本内容了，clipboard.js不需要flash，也不依赖其它的js库，min版仅11KB，GZIP压缩后仅3KB，非常的小巧。
4.1K10发布于 2020-05-29
来自专栏WordPress果酱
clipboard.js：最轻便的复制页面内容到剪切板的JS
传统的复制页面内容到剪切板主要方法是通过 Flash，但是在现代浏览器中，Flash 逐渐没落，慢慢被淘汰，搜索了一圈，发现 clipboard.js 是目前实现该功能最轻便的工具。 clipboard.js 的使用方法 clipboard.js 只有3kb大小，无需 Flash，兼容所有现代浏览器，但是经过测试不支持微信内置浏览器。使用还算简单，简单几步就搞定，下面简单介绍下clipboard.js的使用方法： 1. 首先下载或者使用CDN的资源： <script type='text/javascript' src="https://cdn.staticfile.org/<em>clipboard.js</em>/1.5.15/clipboard.min.js 的演示我爱水煮鱼是最好的博客复制 <em>clipboard.js</em> 的事件有时候我们需要一些用户反馈，在初始化对象的时候可以定义 success 和 error 两个事件： var clipboard
3.3K60编辑于 2023-04-14
来自专栏前端实验室
一个被 157317 个项目引用的 JS 开源库
本期介绍一个非常常用的前端插件：Clipboard.js。 Clipboard.js 实现了原生 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。 Clipboard.js 简介 Clipboard.js 是一个用于将文本复制到剪贴板的 JS 库。没有使用 Flash，没有使用任何框架，开启 gzipped 压缩后仅仅只有 3kb。对于较老的浏览器，Clipboard.js 也可以优雅地降级处理。 Clipboard.js 安装和使用两种安装方式在使用 Clipboard.js 之前，你可以通过 NPM 或 CDN 的方式来安装它： NPM npm install clipboard --save 关于 Clipboard.js 的使用，阿宝哥就介绍到这里，感兴趣的小伙伴可以查看 Github 上 Clipboard.js 的使用示例。
1K30编辑于 2022-12-02
来自专栏服务器运维笔记
如何实现选中复制的功能
它一般可以使用第三方库 clipboard.js[1] 来实现，源码很简单，可以读一读主要有两个要点选中复制选中选中主要利用了 Selection API[2] 选中的代码如下 const selection removeAllRanges(); 它有现成的第三方库可以使用: select.js[3] 复制复制就比较简单了，execCommand document.exec('copy') Reference [1] clipboard.js : https://github.com/zenorocha/clipboard.js [2] Selection API: https://developer.mozilla.org/en-US/docs
2.9K20发布于 2020-06-04
来自专栏Blog记录
解决在bootstrap模态框modal里使用clipboard.js时复制失效
前言最近在写网站项目时，遇到一个问题当我在bootstrap模态框modal中使用clipboard.js时，复制功能不起作用，但是在模态对话框之外的使用却没有任何问题而从其他元素复制文本时复制功能依旧有效，但如果我从属性复制文本，却不起作用，data-clipboard-text属性失效正文后来发现是由于Bootstrap的模态强制执行焦点，导致第三方库（包括Clipboard.js）出现问题通过执行以下操作来关闭此功能
2.9K20编辑于 2021-12-14
来自专栏老蒋专栏
利用clipboard.js复制粘贴JS插件实现页面特定文本按钮复制
这里我们可以使用clipboard.js复制粘贴JS插件实现。本文出处：老蒋部落 » 利用clipboard.js复制粘贴JS插件实现页面特定文本按钮复制 | 欢迎分享
8.1K30编辑于 2021-12-27
来自专栏PUSDN平行宇宙软件开发者网
clipboard.js-master点击复制到系统剪切板适合移动及PC端
That's why clipboard.js exists. }); </script> </body> </html> 官网：https://clipboardjs.com/ GitHub地址：https://github.com/zenorocha/clipboard.js
76930编辑于 2023-10-11
来自专栏clz
通过JS实现剪贴板操作
通过 JS 实现剪贴板操作在网上找到很多种方法，ZeroClipboard.js、clipboard.js 插件等，但是都没有办法解决本人项目中的问题，最后发现可以通过 navigator 对象得到 clipboard，进行剪切板操作先来一下 clipboard.js 版本的热热身。 1. clipboard.js 1.1 通过 text 的 function()来复制内容 <! head> <body> <button id="btn">Copy</button> <script src="https://cdn.bootcdn.net/ajax/libs/<em>clipboard.js</em> >Copy</button> <div class="foo">World
<script src="https://cdn.bootcdn.net/ajax/libs/<em>clipboard.js</em>
3.2K20编辑于 2023-01-02

来自专栏前端开疆扩土之路

前端复制方案全覆盖！验证真机与生产代码完美一致！✨

实现概述行业内最成熟的库就是clipboard.js。重要事情说三遍 document.execCommand，clipboard.js均不支持异步数据的复制 document.execCommand，clipboard.js均不支持异步数据的复制 document.execCommand ，clipboard.js均不支持异步数据的复制遇到的问题真机上的表现 document.execCommand android 可以复制成功，ios 复制不生效 clipboard.js android clipboard.js第三方库，兼容性较好，适合大型项目。Clipboard API 新的API,兼容性较好，可兼容同步异步数据，也推荐使用。 /dist/clipboard.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/<em>clipboard.js</em>

1.7K21编辑于 2023-10-25

来自专栏全栈全栈

常用的前端JQ插件

github.com/chiruom/jquery.danmu.js scroxt - 字幕字体滚动插件 https://github.com/chenjianfang/scroxt 复制粘贴插件 clipboard.js https://github.com/zenorocha/clipboard.js/ ZeroClipboard https://github.com/zeroclipboard/zeroclipboard

2.6K30发布于 2020-08-17

来自专栏前端自习课

【JS】1686- 重学 JavaScript API - Clipboard API

我们也可以使用一些第三方库，快速实现需求： clipboard.js[3]: 33.1K⭐，一个简单的 JavaScript 库，用于操作剪贴板。 search=Clipboard [3] 「clipboard.js」: https://github.com/zenorocha/clipboard.js/ [4] 「clipboard-polyfill

1.8K50编辑于 2023-09-01

来自专栏CMS建站教程

jquery实现点击复制微信号并自动打开微信加好友

http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="https://cdn.jsdelivr.net/<em>clipboard.js</em>

3.5K51编辑于 2022-02-26

来自专栏FEWY

JavaScript 中的复制粘贴操作

pasteText.focus(); document.execCommand('paste'); Chrome、Firefox 不支持 document.execCommand('paste') clipboard.js 除了使用原生 JS 外，还可以使用一些第三方的库，比如 clipboard.js 来实现复制文本到剪贴板的操作。读取剪贴板图片复制追加版权信息参考文章 Web 一键复制与粘贴剪贴板复制粘贴操作汇总 JavaScript复制内容到剪贴板剪贴板操作 Clipboard API 教程复制粘贴插件——clipboard.js

3K30发布于 2021-09-08

来自专栏全栈程序员必看

Clipboard.js_js复制文本代码

Clipboard.js实现文本复制或者剪切到剪切板引用js文件 <script type="text/javascript" src=".

11.7K40编辑于 2022-09-20

来自专栏前端Q

如何排查nuxt的内存泄露问题 & 优化

例如商详页有一个复制分享链接的功能，使用了clipboard.js，在商详页中是这样使用的： mounted() { const clipboard = new Clipboard('#copyLinkBtn '); clipboard.on('success', () => { // do something }); } 复制代码我没有去细究clipboard.js不销毁为什么会引发内存泄漏

3.4K20发布于 2021-05-18

第 2 页第 3 页第 4 页

点击加载更多