X  
登录

暂时未开放注册

忘记密码?
登陆
X  
本站已关闭注册功能
统计
  • 建站日期:2022-03-19
  • 文章总数:396 篇
  • 评论总数:201 条
  • 分类总数:22 个
  • 最后更新:11月27日
文章 学习笔记

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

安生
首页 学习笔记 正文


如何使用JS复制到剪贴板上
-安生子-AnSheng
-第1
张图片

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

方法1

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

function copyToClipboard(text) {
navigator.clipboard.writeText(text);
}

方法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>

 

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

-- 展开阅读全文 --
教你如何关闭一些软件的营销短信
« 上一篇
小说自动采集+自适应小说网站源码
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
登陆
社交账号登录

时钟

热门文章

2
EMLOG插件-蜘蛛来访统计修复版
5
类和接口的关系