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

原创粉丝点击