点击按钮复制链接到我的粘贴板【兼容所有浏览器】
2024-07-24 10:01:04 219人阅读
首先看下个人的笔记:点击我
兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
加载JQuery库和zclip插件
- <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
- <script src="js/jquery.zclip.min.js"></script>
下面是一个小demo,主要是复制文本框中的链接到剪贴板。
HTML
- <input type="text" value="www.baidu.com" id="link">
- <span id="copyBtn">复制链接</span>
然后加入脚本
不一定非得是input标签,只要是能获取到文本就行
- <script>
- $(‘#copyBtn‘).zclip({
- path: "ZeroClipboard.swf",
- copy: function(){
- return $(‘#link‘).val();
- }
- });
- </script>
点击按钮复制链接到我的粘贴板【兼容所有浏览器】
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉:
投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。