ZeroClipboard.js实现复制文本到剪切板

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值