如何在Javascript中将文本复制到剪贴板
How to copy text to the clipboard in Javascript?
我想知道是否有任何方法可以将文本复制到剪贴板。我很清楚这个答案,但它已经三年多了。从那以后有什么变化吗?
目前最简单的方法是使用基于Flash的解决方案。zeroclipboard是一种常见的方法(这里提供了一个很好的演练)。
在过去的几年里,浏览器供应商已经取消了对剪贴板的程序访问。Safari/Chrome在WebKit更改后失去了功能,FireFox长期以来一直阻止它。只有IE仍然允许它,但它最初会在每个页面上显示警报。
试试这个
function myFunc() {
/* Get the text field */
let copyText = document.getElementById("myInput");
/* Select the text field */
copyText.select();
/* Copy the text inside the text field */
document.execCommand("copy");
/* Alert the copied text */
alert("Copied the text: " + copyText.value);
}
input {
display: inline-block;
padding: .60rem;
font-size: 1rem;
color: #495057;
background-color: #f1f1f1;
border: 1px solid #ced4da;
border-radius: .25rem;
}
button {
display: inline-block;
font-weight: 400;
color: #ffffff;
cursor: pointer;
text-align: center;
user-select: none;
background-color: #007bff;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
outline: 0;
}
<!-- The text field -->
<input type="text" id="myInput" value="Some Random Text">
<!-- The button used to copy the text -->
<button type="button" onclick="myFunc()">Copy</button>
相关文章:
- 如何将键入的文本从一个输入类型的文本复制到另一个
- Meteor中的文本复制
- 使用SeleniumWebdriver将文本复制到文件时出现编译错误的解决方案
- JavaScript 自动将文本复制到剪贴板
- 将标签文本复制到输入
- 自动建议输入,防止将文本复制到其他输入文本字段
- JavaScript 将文本复制到剪贴板 HTML5 和 Jquery
- 如何在Javascript中将文本复制到剪贴板
- 使用AngularJS将元素文本复制到title属性的干净方法
- Javascript onClick函数-将文本复制到输入值
- ZeroClipboard-将文本复制到剪贴板不起作用
- 如何通过自定义上下文菜单将文本复制到剪贴板(不带flash/加载项)
- 如何从Google Chrome扩展将HTML格式的文本复制到剪贴板
- ZeroClipBoard-将文本复制到剪贴板
- 使用javascript将文本复制到剪贴板
- 将跨度文本复制到表单中的文本字段中
- 单击一个元素:将其文本复制到输入字段
- 将具有相同类的文本复制到剪贴板
- 通过多选将单元格文本复制到剪贴板
- 从网站复制文本,附加链接与文本复制