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

点击图片实现链接复制

图片说明

点击图片实现复制链接

  • 写回答

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条)

报告相同问题？