jQuery 一键复制至剪切板

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 6,641评论 3 17
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 4,398评论 0 1
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,983评论 1 19
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,602评论 0 8

友情链接更多精彩内容