使用jQuery将链接复制到剪贴板

时间:2018-11-19 16:39:51

标签: jquery html

我一直在关注有关此的一些帖子,但不确定为什么不起作用。它会使用正确的信息创建输入,但不会将其复制到剪贴板,我不确定它是否有必要动态生成

脚本

//copy to clipboard
$(document).on('click', '[data-action=copy]', function (){
    /* Create input */
    $('[data-action=copy]').after('<input class="hide" value="'+$(this).attr("data-url")+'" id="share-url">');

    /* Get the text field */
    var copyText = document.getElementById("share-url");

    /* Select the text field */
    copyText.select();

    /* Copy the text inside the text field */
    document.execCommand("copy");

    /* Alert the copied text */
    alert("copied");
});

html

<a data-action="copy" data-url="whatever to copy" href="#">
    <img src="{{ cdn('/img/social/link.png') }}" >
</a>    

1 个答案:

答案 0 :(得分:1)

问题在于您无法隐藏输入以进行复制。 试试这个小技巧,ClassCastException