您现在的位置是:首页 > Jquery > Jquery实现文本复制功能网站首页 Jquery

Jquery实现文本复制功能

简介jQuery是一个快速、简洁的JavaScript框架,其设计的宗旨是倡导写更少的代码,做更多的事情。以下是个人工作学习中总结的用于文本复制的的一个jquery方法。

点击复制应该是经常见到的东西吧,下面我们来一探究竟!!喜欢的点个赞哦。

1.首先拿一个input,(不一定要input框哦)赋值为,‘复制成功啦啦啦

<input type="text" id="fz" value="复制成功啦啦啦" > 


2.在一个button按钮上绑定是个复制代码事件

<button onclick="copyToClipboard()">点击复制</button>


3.引入js文件,重点!!必须先检查是否引用到。

<script src=".jquery.min.js"></script>


4.以下是复制事件源码,拿过去便可直接使用

<script type="text/javascript">

    function copyToClipboard() {

    var Url2 = document.getElementById("fz");

    Url2.select(); // 选择对象

    document.execCommand("Copy"); // 执行浏览器复制命令

    alert('复制成功')

    }

</script>


分享给朋友吧:

微信里点“发现”,扫一下
二维码便可将文本分享至朋友圈

声明:

1,如果您发现本文有错误或者有疑问,请 联系站长 修正或 留言
2,本站提供的知识或者学习方法均为博主学习工作过程中所遇到的问题的解决办法积累!
3,部分文章是引用借鉴其他优秀个人博客的知识,学习如逆水行舟,不进则退!
4,本站推荐的资源均经由站长检测或者个人发布,不包含恶意软件病毒代码等,如果你发现此类问题,请向站长举报!
5,本站仅提供文件的免费下载服务,如果你对代码程序软件的使用有任何疑惑,请留言。
6,本网站在文章内容仅供于学习参考使用,请勿作为商业通途使用,版权归原作者所有。如您对内容、版权等问题存在异议请与本站联系,我们会及时进行处理解决。

文章评论

Top