美文网首页Web 前端开发 让前端飞
jQuery 一键复制至剪切板

jQuery 一键复制至剪切板

作者: 小纸人儿 | 来源:发表于2017-12-07 14:34 被阅读0次

一键复制,很常见的功能,整理如下:

 <textarea name="" id="copy_msg_one" readonly>一键复制至剪切版</textarea>
 <input type="button" id="copy_url_one" value="复制">
<script>
 copyUrl ( $("#copy_msg_one") );
  function copyUrl(dom) {
        dom.click(function () {
            var url = $(this).prev(); //根据实际情况更改,需要复制内容的载体
            url.select();
            document.execCommand("Copy");
            alert("已复制至剪切板");
        })
    }
</script>

ps: 测试Firefox,IE(6以上),Chrome,Safari都没问题
复制内容的载体必须为表单系列的标签,且不能被禁用(disabled),值不可随意更改可加readonly,我目前是这么实现的,可以用在样式要求不严格的地方(比如后台管理这一类的。。),有很多方式可以实现这个功能,只是这样代码可以尽可能少

相关文章

网友评论

    本文标题:jQuery 一键复制至剪切板

    本文链接:https://www.haomeiwen.com/subject/cwkdixtx.html