clipboard 相关问题

剪贴板是一种软件工具,可通过复制和粘贴操作用于文档或应用程序之间的短期数据存储和/或数据传输。

ClipboardJS - 从单独元素中保存的“data-clipboard-text”复制数据

在此代码片段中,我使用 Clipboard.js 从 a 元素复制文本,复制 data-clipboard-text 属性中保存的数据。 效果很好,如下所示: 在此代码片段中,我使用 Clipboard.js 从 a 元素复制文本,复制 data-clipboard-text 属性中保存的数据。 效果很好,如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <a class="btn btn-sm btn-primary copy_data" data-clipboard-text="that, that and the other">Copy</a> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script> <script> var clipboard = new ClipboardJS('.copy_data');; clipboard.on('success', function(e) { e.trigger.innerHTML = "Copied!" setTimeout(function() { e.trigger.innerHTML = "Copy" }, 1800); e.clearSelection(); }); </script> </body> </html> 我正在努力解决的问题是,是否可以将复制链接保留在页面顶部,但要针对单独的元素定义复制的数据? 例如,代替这个: <a class="btn btn-sm btn-primary copy_data" data-clipboard-text="that, that and the other">Copy</a> 我可以这样做吗: <a class="btn btn-sm btn-primary copy_data">Copy</a> 包含要复制到页面下方的数据的元素 - 例如 <div data-clipboard-text="that, that and the other"></div> 这似乎是一个愚蠢的请求,但我问的原因是,由于我使用复制功能的页面构建方式,复制按钮需要位于页面顶部,但位于HTML 是为了显示复制按钮而编写的,要复制的内容尚未生成 - 直到页面下方才会生成。 因此我想如果我仍然可以将要保存的数据保留在 data-clipboard-text 属性中,但仍然在页面顶部保留复制按钮,那就可以解决它。 但是,我无法弄清楚如何使用 Clipboard.js 实现该结果。理想情况下,我仍然想使用 Clipboard.js 来实现复制功能。 编辑:我从 Clipboard.js 站点看到了“从另一个元素复制文本”选项: <!-- Target --> <input id="foo" value="https://github.com/zenorocha/clipboard.js.git"> <!-- Trigger --> <button class="btn" data-clipboard-target="#foo"> <img src="assets/clippy.svg" alt="Copy to clipboard"> </button> 但是,我不想从输入元素或文本区域复制内容,而是想从不同元素的 data-clipboard-text 属性复制数据,但我不确定该怎么做? 谢谢 一个非常常见的用例是从另一个元素复制内容。您可以通过在触发器元素中添加 data-clipboard-target 属性来做到这一点。 — https://clipboardjs.com/ <!-- Target --> <input id="foo" value="https://github.com/zenorocha/clipboard.js.git"> <!-- Trigger --> <button class="btn" data-clipboard-target="#foo"> <img src="assets/clippy.svg" alt="Copy to clipboard"> </button>

回答 1 投票 0

使用 CSS 或 JavaScript 复制/剪切时从文本中删除样式

如何在不带任何样式包袱(背景颜色、颜色等)的情况下复制/剪切样式文本? 已挫败的攻击路线: 使用 ::select 来设置不同的文本样式?不……

回答 4 投票 0

如何在cypress中授予Mozilla FF剪贴板权限

我有一个 cypress 测试,其中包括检查复制按钮是否已复制输入字段中的值。问题是我还没有找到一个好的方法来为 Mozilla 浏览器授予剪贴板权限......

回答 1 投票 0

剪贴板历史记录的WinGetPos()

要通过 PixelGetColor() 针对黑框(我想要等待)实现对 Windows 剪贴板历史窗口 (Win+V) 的动态等待,我需要通过

回答 1 投票 0

使用 Safari 的剪贴板会危害 iPhone 吗?

我点击了电子邮件应用程序内的网络钓鱼链接,内部浏览器开始显示可疑的 URL,从一个重定向到另一个,所以我停止了它并返回。然后我打开 Safari 直接搜索 google

回答 1 投票 0

如何将 Word 文档中的格式化文本以 HTML 形式复制到 VS Code 中

我正在将 Word 文档中的文本复制到 HTML 文件中,但我找不到保留文本格式(粗体、斜体等)的方法。 目前我发现做到这一点的唯一方法是使用任何在线...

回答 1 投票 0

在 Mac 上从剪贴板粘贴 SVG 和其他格式

我知道我可以从Mac上的剪贴板获取PNG数据,如下所示: osascript -e“将剪贴板获取为«class PNGf»” 是否可以获得其他类型的数据,例如 SVG?

回答 1 投票 0

VBA宏特殊粘贴#VALUE!而不是公式的底层 Factset FDS 值

当尝试将工作表的内容粘贴到另一个工作簿中时,直到我选择在剪贴板弹出窗口中保留大量信息的选项后,公式才会更新。 我试过了

回答 1 投票 0

VBA宏特殊粘贴#VALUE!而不是公式的基础值

当尝试将工作表的内容粘贴到另一个工作簿中时,直到我选择在剪贴板弹出窗口中保留大量信息的选项后,公式才会更新。 我试过了

回答 1 投票 0

为什么 Clipboard.SetTextAsync 无法在 .NET MAUI 中的 Android 上运行,但可以在 Windows 上运行?

我正在开发一个 .NET MAUI 应用程序,我需要将文本复制到剪贴板。该实现在 Windows 上完美运行,但无法在 Android 设备上复制文本。以下是相关...

回答 1 投票 0

将文本复制到剪贴板,无需使用任何输入

刚刚在网上看到很多文章找到了将文本复制到剪贴板的解决方案。但每个教程都用输入示例进行解释。 函数 GeeksForGeeks() { var copyGfGText =

回答 4 投票 0

如何更改 Vim 中的默认剪贴板寄存器?

要在 Vim 中从剪贴板粘贴文本,目前我需要输入 "+p。如何更改或创建寄存器 + 的别名,例如 a?这样 Vim 就会从剪贴板粘贴文本。 ..

回答 1 投票 0

用JS获取剪贴板的内容

是否可以使用Javascript、JQuery或PHP获取剪贴板的内容? 我见过 Clipboard.js - https://clipboardjs.com/,但这仅设置它,并且不返回它。 比如说我...

回答 1 投票 0

如何通过终端清除 Debian “Buster”中的剪贴板?

我正在使用 Debian“Buster”(版本 10.3)和 GNOME 桌面版本 3.30.2。 有没有一种方法可以按需清除剪贴板,仅使用终端命令而不安装任何剪贴板工具...

回答 2 投票 0

如何清空剪贴板?

我正在尝试使用 Excel 中的 VBA 项目从大型 Word 文档库中提取内容。该机器是 Windows 10 64 位。 我需要使用 EmptyClipboard 但我无法让它执行任何操作...

回答 4 投票 0

javascript 将所有样式的元素复制到剪贴板

我正在尝试将 div 复制到剪贴板。 div 有几种样式,包括背景。我已经制作了一个脚本将 div 复制到剪贴板,但我不知道如何做背景....

回答 3 投票 0

从 Excel 粘贴到 WPF DataGrid

我有一个 DataGrid(称为 TheGrid),我想在其上实现复制和粘贴功能。复制功能很好用,但我不知道如何实现粘贴。我只需要得到...

回答 2 投票 0

复制到剪贴板以获取基本 html [重复]

我是编程新手,有基本的 HTML 技能。 我正在创建一个基本网站,段落中有信息,信息由 标签分隔。我想添加一个...

回答 1 投票 0

复制到剪贴板在 FireFox 上不起作用

我已经实现了复制到剪贴板功能。它在 IE 上的所有版本上都能正常工作,但在 FireFox 上却无法工作。请帮我解决这个问题。 详细信息有 <p>我已经实现了复制到剪贴板功能。它在 IE 上的所有版本上都能正常工作,但在 FireFox 上却无法工作。请帮我解决这个问题。 详细有</p> <pre><code>&lt;script src=&#34;../../Scripts/JQPlugins/jquery.clipboard.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;script src=&#34;../../Scripts/JQPlugins/jquery.clipboard.pack.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $.clipboardReady(function() { $(&#34;input#buttonid&#34;).bind(&#39;click&#39;, function() { var text = $(&#34;#url&#34;).attr(&#34;href&#34;) + &#34;\n&#34; + $(&#34;#pwd&#34;).html(); $.clipboard(text); alert(&#34;hi&#34;); return false; }); }, { swfpath: &#34;../../Scripts/JQPlugins/jquery.clipboard.swf&#34;, debug: true }); &lt;/script&gt; </code></pre> <p>我的代码文件结构是</p> <pre><code>Project &gt; Scripts &gt; JQPlugins &gt; 1. jquery.clipboard.js 2. jquery.clipboard.pack.js 3. jquery.clipboard.swf </code></pre> </question> <answer tick="true" vote="11"> <p>将文本复制到剪贴板的方法是 jQuery 剪贴板插件;它使用 IE 的本机功能将文本复制到剪贴板,但在非 IE 平台上使用 Flash 插件。我敢打赌,您的机器上有 Flash 10,或者至少在您测试 Firefox 的机器上有 Flash 10 - Flash 10 不再允许在没有明确用户请求的情况下进行剪贴板操作,这可能就是您看到它无法运行的原因火狐。 (甚至在插件的发行说明<a href="http://bradleysepos.com/projects/jquery/clipboard/" rel="noreferrer">中提到了这一点。)</a> </p>话虽这么说,人们已经找到了安全限制的解决方法;解决方法包括将不可见的 Flash 影片放置在您选择的 DOM 元素之上,这意味着当用户单击或以其他方式调用该元素来提交数据时,Flash 影片会注册用户采取了显式操作,并允许剪贴板操作。 <p>Zero Clipboard<a href="http://code.google.com/p/zeroclipboard/" rel="noreferrer"> 就是一个提供解决方法的库,但是如果您寻找它们,还有其他库。</a> </p> </answer> <answer tick="false" vote="0"><code>please try the below script for all browsers: chrome/Edge/Firefox </code><pre> </pre>将 id 传递给函数: selectElementContents(document.getElementById("printtext"));<h2> </h2><code> function selectElementContents(el) { var body = document.body, range, sel; $(el).attr(&#34;contenteditable&#34;, true); if (document.createRange &amp;&amp; window.getSelection) { range = document.createRange(); sel = window.getSelection(); sel.removeAllRanges(); try { range.selectNodeContents(el); sel.addRange(range); } catch (e) { range.selectNode(el); sel.addRange(range); } } else if (body.createTextRange) { range = body.createTextRange(); range.moveToElementText(el); range.select(); } document.execCommand(&#34;Copy&#34;); window.getSelection().removeAllRanges(); $(this).removeAttr(&#34;contenteditable&#34;); $(el).attr(&#34;contenteditable&#34;, false); </code><pre> </pre>}<p> </p> </answer></body>

回答 0 投票 0

如何在 Visual Studio Code 中启用“复制所选内容”?

我希望通过启用“复制选择”功能来改进 Visual Studio Code 中的工作流程。此功能会自动将我选择的任何文本复制到剪贴板,无需...

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.