使用clipboard插件踩过的坑

最新推荐文章于 2024-05-10 16:19:48 发布
最新推荐文章于 2024-05-10 16:19:48 发布
阅读量4.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/annehc/article/details/88197083
版权

昨天在订单列表页面添加复制功能的时候，一直不能复制，刚开始以为是因为循环列表生成的复制按钮，在触发点击事件后创建的实例对象是只针对第一个元素创建的，所以就在触发点击事件时把事件对象传了过去，先获取到当前点击的元素，然后再进行实例化，最后可以复制了，但是又有新的问题了，需要点击两次才会复制成功，经过多次试验，最后发现是因为添加了阻止冒泡引起的，之前的以为也是多余的，实例化的时候直接使用new Clipboard(".copyBtn")就OK了

annehc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
记录clipboard踩过的坑
sinat_41747081的博客
12-14 685
点击复制链接的时候，可以将前面的链接复制下来，当复制成功时会打印‘内容已经复制到剪切板啦’。代码为： <input value="https://www.baidu.com/" type="text" name="urlLink" id="copyContent" /> <button id="copyBtn" data-clipbo...
clipboard在vue中的使用的方法示例
10-17
在Vue.js应用中，有时我们需要实现一个功能，让用户能够方便地复制文本到剪贴板，这时可以使用clipboard库。clipboard库允许我们通过简单的API来实现这个功能，无需用户手动操作。下面我们将详细介绍如何在Vue中使用...
剪贴板++「Clipboard++」-crx插件
03-22
复制文本没有所有的大惊小怪。 剪贴板++是您梦想中的剪贴板与未来荧光笔的交汇处。 [Ctrl +单击]：复制并突出显示句子[Ctrl + C（选择）]：复制并突出显示选择[Ctrl + Z]：撤消上一个选择[Ctrl + Shift + Z]：取消突出显示整个页面[Ctrl + /]：启用/禁用页面[Ctrl +左/右箭头]：更改突出显示颜色按住Ctrl并单击一个句子将突出显示该句子并将其放置在剪贴板中。 选择文本并将其复制也会突出显示该文本。 所有这些句子和文本都分别在每页的后台存储，因此您可以轻松地将它们导出到文本文件，将它们全部导出到一个文本文件中或随心所欲地对其进行处理。 您最钟爱的功能之一就是强大的撤消功能。 只需按[Ctrl + Z]，您选择的最后一个句子或一段文本就会从后台存储中删除，突出显示将被删除，最重要的是，先前选择的文本将重新放置在剪贴板中。 按下[Ctrl + Shift + Z]会删除当前页面上的所有突出显示，也将从该页面的背景存储中删除所有文本。 通过按[Ctrl +左箭头]或[Ctrl +右箭头]可以轻松更改荧光笔的颜色。 剪贴板+ +通过使用[Ctrl + /]切换来打开和关闭。 对于您所有发短信的人来说，这是您的最终工具！ 享受 ：） 支持语言:English (United States)
clipboard剪贴板插件
吃西瓜不吐葡萄皮
09-14 2561
clipboard插件可以方便的将组件中的文本（或者是其他目标文本）复制到剪贴板上。我们可以在下面的网址获得到： https://www.bootcdn.cn/clipboard.js/ 官网：https://clipboardjs.com/ api：https://www.bootcdn.cn/clipboard.js/readme/ 首先说一个遇到的问题。新版本中的构造函数...
复制粘贴插件——clipboard.js的使用
最新发布
qiuweifan的博客
05-10 1243
是一款使用简单的粘贴复制插件,它不依赖于Flash或其他框架，在github拥有3万多颗星可见其优秀程度，介绍如何使用它，以备存。
XHR Proxy Tool下载与CRX_HEADER_INVALID报错解决
CDY_yuan的博客
10-09 546
下载地址： 链接:https://pan.baidu.com/s/1jFQ9GEFl7zKeaAJuTxKdhQ 密码:hy6k 下载下来是一个crx后缀的文件，拖动至chrome扩展程序即可； 部分chrome浏览器会出现【程序包无效CRX_HEADER_INVALID】 windows系统用户可将文件后缀改为.rar格式 mac用户将文件后缀改为.zip格式 修改之后再次拖动至扩...
Clipboard-crx插件
04-04
语言:English Chrome的剪贴板历史记录管理器。 Chrome的剪贴板历史记录管理器扩展程序。 此扩展程序将复制的文本存储在您的Chrome浏览器中，以便以后使用。
浏览器插件扩展安装ClipboardProxy.crx
余光追随
06-25 3719
打开开发者模式，加载已解压的扩展程序，选择目录就行，文件打开是没有详细的文件可以选择的。将下载下的插件后缀名改为rae用解压软件解压。打开浏览器，找到扩展程序-管理扩展(这里以谷歌浏览器为例。
clipboard 插件的使用（浏览器的复制粘贴功能）
WANG_CA的博客
05-09 6690
#兼容性 一、npm 下载 npm install clipboard --save 二、导入组件 import Clipboard from 'clipboard' 三、使用 <button ref="copy" :data-clipboard-text="content" @click="copyLink">复制</button> <...
剪贴板「Clipboard」-crx插件
03-15
将复制项目存储到剪贴板，以便在起泡点进行检索 将复制项目存储到剪贴板，以便在起泡点进行检索 要使用，请进行选择并像通常那样进行复制。 一旦右键点击，你会注意到一个新的菜单项“剪贴板”在这里最近复制的项目将被存储。 菜单被分成两个“虚拟”部分。主区域用于大多数使用的复制选择。这个菜单需要从扩展弹出菜单手动创建 点击子菜单按钮将选定的文本复制到剪贴板，然后点击“粘贴”按钮使用选定的文本。 最近的副本也可以通过点击顶部菜单“剪贴板”图标找到，他们可以在主要和次要菜单之间移动和移动 v 1.0.1   - 改进的弹出选项 v 1.0.0   - 初始发行 我为了自己的需要做了这个扩展，会有bug 对于开发者：https：//github.com/patrioticcow/clipboard 支持语言:English
Skim the clipboard-crx插件
04-03
语言:Deutsch,English,Français 剪贴板筛选使用正则表达式 此附加程序使用正则表达式模板，以在粘贴或复制时过滤文本。当您粘贴浏览器中的表单字段中的正则表达式修改后修改的文本时，您可能会粘贴和过滤。您可以复制和过滤以从网页复制某些文本，并希望在另一个应用程序中使用正则表达式修改它。您还可以应用正则表达式修饰符来更改ClipCoard中已有的文本。更改的文本保存在剪贴板中，使其可以在地址栏中粘贴。示例1：假设我只想过滤时间更长的单词，然后在搜索引擎中使用四个字符：打开浏览剪贴板选项页面单击添加行（复选框字段）并在表中输入以下内容： - 设置名称：> 4， - 设置正则表达式模板：[\ w \ u00c0- \ u010f] {4，} - 正则表达式修饰符：GI - 设置保持匹配或替代：检查 - 保持剪贴板：未选中 - 快捷方式：二单击“保存”并关闭“选项”页面。关闭选项，然后从要搜索的网页中选择并复制文本，单击“搜索引擎”字段，右键单击并选择粘贴过滤 - > 4。只有四个充电器或更多的单词是粘贴在该领域。您也可以简单地按表单字段中按Ctrl + Shift + B（P
clipboard.js复制到粘贴板插件
08-10
clipboard.js复制到粘贴板方便又实用。复制文字到剪切板不应该很难去实现。它不需要配置几十个步骤或者加载几百 KB 的文件。最重要的是，它不依赖 Flash 或其他臃肿的框架。
剪贴板管理器「Clipboard Manager」-crx插件
03-21
来自Contex菜单的快速多粘贴工具。 从上下文菜单中快速粘贴粘贴的工具！ 支持语言:English
允许剪贴板「Allow Clipboard」-crx插件
03-09
允许剪贴板在没有用户交互的情况下读写。 Chrome扩展程序，可在无需用户干预的情况下读取和写入剪贴板。 通常，在没有用户交互（例如单击）的情况下，Chrome不允许JavaScript访问剪贴板。 在需要带外访问剪贴板的情况下（例如在从服务器进行异步方法调用的过程中），AllowClipboard扩展很有用。 支持语言:English
ClipboardOverflow-crx插件
03-25
语言:English 通过单击按钮，从堆栈溢出中复制代码片段。 通过单击按钮，从剪贴板上的堆栈溢出问题中获取代码片段。 不再需要侧面滚动，也不会再失去使用鼠标的选择。 开发人员的时间就是他的钱，现在就保存。 -具有简洁的用户界面。 -该扩展程序还为您提供了一种自动的方式，即通过在复制的实际代码段之前注释问题URL来对来源进行记入贷方。 -它支持注释语法的大多数主流编程语言（其中22种）。
剪贴板管理工具Comfort.Clipboard.Pro.v7.0.3.0【 附注册码】
04-01
剪贴板管理工具Comfort.Clipboard,亲测可用,十分方便的小工具
Vue中使用clipboard实现复制功能
10-18
clipboard.js是一个轻量级的插件，它无需依赖Flash，可以方便地将文本内容复制到用户的剪贴板。在本文中，我们将详细探讨如何在Vue中使用clipboard.js来实现这个功能。 首先，为了在Vue项目中使用clipboard.js，...
Link in Clipboard-crx插件
04-05
"Link in Clipboard-crx插件"是一款专为提高效率而设计的Chrome浏览器扩展程序，尤其适合那些频繁在Google Spreadsheet中处理链接的用户。这款插件的主要功能是简化链接的复制和粘贴操作，使得在Google Spreadsheet...
clipboard异步复制文本（动态获取文本）
shenlongb的博客
02-05 442
clipboard.js 官方说明文档和下载地址 https://www.npmjs.com/package/clipboard。Ajax请求设置为同步, 以保证请求数据后，才进行下一步，这里即为 Clipboard 动态设置文本，即复制。点击“分享”按钮的时候，发送 ajax 请求获得动态邀请连接，成功取得数据后复制到剪贴板。html 部分， 其中 data-id 只是 ajax 的请求参数。Clipboard 动态设置文本的使用。
vue3使用clipboard
12-09
在Vue3中使用clipboard可以通过安装vue-clipboard3插件来实现，具体步骤如下： 1.安装vue-clipboard3插件 ```shell npm install vue-clipboard3 --save ``` 2.在main.js中引入并使用插件 ```javascript import { createApp } from 'vue' import App from './App.vue' import VueClipboard from 'vue-clipboard3' const app = createApp(App) app.use(VueClipboard) app.mount('#app') ``` 3.在组件中使用clipboard ```html <template> <div> <button v-clipboard:copy="text">Copy</button> <button v-clipboard:cut="text">Cut</button> <button v-clipboard:copy="text" v-clipboard:success="onCopy">Copy with callback</button> </div> </template> <script> export default { data() { return { text: 'Hello World!' } }, methods: { onCopy() { console.log('Copied!') } } } </script> ``` 以上代码中，我们在按钮上使用了v-clipboard指令来实现复制和剪切功能，并且可以通过v-clipboard:success指令来添加回调函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值