js 点击按钮直接复制图片_Javascript 实现复制（Copy）动作大全

最新推荐文章于 2024-03-13 10:53:36 发布

VIP文章余知兮

最新推荐文章于 2024-03-13 10:53:36 发布

阅读量4.3k

点赞数 1

文章标签： js 点击按钮直接复制图片

本文链接：https://blog.csdn.net/weixin_42467457/article/details/112078943

版权

1、实现点击按钮，复制文本框中的的内容

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

<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

原理：点击按钮的时候触发copyUrl2函数，根据biao1 ID选中对象，然后在根据execCommand复制选中内容，所以此时选择的内容必须是可视的，也就是说不能是隐藏的文本域。

2、复制专题地址和 url 地址，传给 QQ/MSN 上的好友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js复制代码</titl

最低0.47元/天解锁文章

余知兮

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 点击按钮直接复制图片_Javascript 实现复制（Copy）动作大全

1、实现点击按钮，复制文本框中的的内容<script type="text/javascript">function copyUrl2(){ var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 ...
复制链接

扫一扫