如何使用JS复制到剪贴板上

安生作者 / 2022年6月15日 / 0 评论 /418 阅读

热爱生活，热爱世界，热爱祖国！！！

这里记录一下JS复制到剪贴板上的方法看，怕以后忘记了，就省的找了。

方法1

您可以使用 Clipboard api 创建“复制到剪贴板”功能：

方法2

复制文本框内容

<textarea cols="20" rows="10" id="text">用户定义的代码区域</textarea>
<button onclick="copy()">点击复制</button>

<script type="text/javascript">
function copy() {
var text = document.getElementById("text");
text.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好，可贴粘。");
}
</script>

方法3

复制URL

<input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
<script language="javascript">
function copyUrl() {
var clipBoardContent = this.location.href;
window.clipboardData.setData("Text", clipBoardContent);
alert("复制成功!");
}
</script>

方法4

复制文本框内容

<input onclick="oCopy(this)" value="你好.要copy的内容!">
<script language="javascript">
function oCopy(obj) {
obj.select();
js = obj.createTextRange();
js.execCommand("Copy")
alert("复制成功!");
}
</script>

方法5

复制文本框或者隐藏域中的内容

<script language="javascript">
function CopyUrl(target) {
target.value = myimg.value;
target.select();
js = myimg.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}

function AddImg(target) {
target.value = "[IMG]" + myimg.value + "[/ img]";
target.select();
js = target.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}
</script>

版权说明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！