ZeroClipboard.js实现复制文本到剪切板
来源:互联网 发布:网络维保服务模式 编辑:程序博客网 时间:2024/05/09 16:17
html页面
<input type="text" id="copy_url_value" value="" hidden>
<span id = "copy_url" onclick = "copyCode()">复制职位链接</span>
<script src="<as:jsUrl value="/v8/static/javascript/jquery.min.js"/>" type="text/javascript"></script>
<script src="<as:jsUrl value="/v8/static/javascript/ZeroClipboard.js"/>" type="text/javascript"></script>
js代码:
function copyCode(){
var type =$("#type_code").find("option:selected").val();
$("#copy_url_value").attr("value",“隐藏input的内容');
var clip = new ZeroClipboard.Client(); // 新建一个对象
ZeroClipboard.setMoviePath("/wt/v8/static/javascript/ZeroClipboard.swf"); //和html不在同一目录需设置setMoviePath
clip.setText(""); // will be set later on mouseDown //清空剪贴板
clip.setHandCursor(true); // 设置鼠标为手型
clip.setText($("#copy_url_value").val()); // 设置要复制的文本。
clip.addEventListener( "mouseUp", function(client) {
alert("复制地址成功!");
});
// 注册一个 button,参数为 id。点击这个 button 就会复制。
//这个 button 不一定要求是一个 input 按钮,也可以是其他 DOM 元素。
clip.glue("copy_url"); // 和上一句位置不可调换
}
});
}
//需要两个文件
ZeroClipboard.swf
和ZeroClipboard.js
- ZeroClipboard.js实现复制文本到剪切板
- js复制内容到剪切板-ZeroClipboard
- 将文本的内容复制到剪切板,ZeroClipboard
- JS复制文本到剪切板
- JS复制文本到剪切板
- JS复制文本到剪切板
- js复制文本到剪贴板,使用ZeroClipboard
- 一个ZeroClipboard在多个地方实现复制到剪切板
- js实现将文本复制到剪切板中
- 一段js实现复制文本内容到剪切板
- js实现复制到粘贴板 ZeroClipboard
- js实现复制到剪切板
- js实现复制到剪切板
- 使用 ZeroClipboard 复制内容到剪切板
- ZeroClipboard 复制到剪切板 的一些事件
- 【zeroclipboard】复制到剪切板小功能
- js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
- 使用flash实现复制文本到剪切板
- Java| Java 运算符
- 62. Unique Paths
- java实现AES加解密
- git中出现sign_and_send_pubkey: signing failed: agent refused operation【已解决】
- 贼简单html计算器
- ZeroClipboard.js实现复制文本到剪切板
- 设计思想学习之六大原则
- Java--异常处理
- C# 代码如何实现让你的电脑关机,重启,注销,锁定,休眠,睡眠
- ADS开发环境的使用
- 独立安装WAMP环境 与众不同如此轻松
- 一个子查询引发的血案
- 63. Unique Paths II
- Spring实战-读书笔记(七)-Spring MVC的高级技术