Web 前端开发 让前端飞

jQuery 一键复制至剪切板

2017-12-07  本文已影响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,我目前是这么实现的,可以用在样式要求不严格的地方(比如后台管理这一类的。。),有很多方式可以实现这个功能,只是这样代码可以尽可能少

上一篇 下一篇

猜你喜欢

热点阅读