itanℒ 2019-10-08 19:42 采纳率: 64.1%
浏览 735
已采纳

点击图片实现链接复制

图片说明

点击图片实现复制链接

  • 写回答

2条回答 默认 最新

  • 一只成序源 2019-10-09 17:23
    关注
    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Js复制代码</title>
</head>
<script type="text/javascript" src="jquery-1.11.0.js" ></script>
<body>
<p>
<img alt id="img" src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1564742106468&di=67e220989e9b6fcac40ec527546897f8&imgtype=0&src=http%3A%2F%2Fp8.qhimg.com%2Ft019d1ab5fe093e11a1.jpg%3Fsize%3D640x640'
      data-link="www.baidu.com" style="width: 100px; height: 100px;"/>
<script>

 $(function(){
    $("#img").on('click',function(){
        let link=$("#img").data("link");
         let createInput = document.createElement('input');
            createInput.value = link;
            document.body.appendChild(createInput);
            createInput.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            createInput.className = 'createInput';
            createInput.style.display='none';
    })
 })
</script>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？
  • ¥15 求daily translation（DT）偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的？
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示