js点击复制隐藏域值

最新推荐文章于 2022-09-19 15:43:08 发布

丧失做为人的品格

最新推荐文章于 2022-09-19 15:43:08 发布

阅读量932

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_39135506/article/details/91493478

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head></head>
<body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
function copyValue() {
  try {
    //追加内容
    var copyURL ="<textarea id='url'>"+$("#copyInput").val()+"</textarea>";
    //追加
    $("#copy").append(copyURL);
    //选中【复制内容】
    $("#url")[0].select();
    //window.document.execCommand【不能复制隐藏域】
    window.document.execCommand("Copy");
    //移除
    $("#copy").html("");
    alert("已将链接复制到剪切板中！");
  }

  catch (e) {
    alert("系统繁忙！请刷新页面重试！");
    //保证页面样式不变
    $("#copy").html("");
    //打印错误信息
    console.log(e);
  }

}

</script>
<input type="hidden"value="http://www.baidu.com"id="copyInput"/>
<span id="copy"></span>
<button onclick="copyValue();">点击复制隐藏域内容！</button>
</body>

</html>

丧失做为人的品格

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js点击复制隐藏域值

<html><head></head><body><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><script type="text/javascript">function copyValue() { try ...
复制链接

扫一扫