主页 > 前端 > javascript >
来源：未知 时间：2016-07-29 12:10 作者：xxadmin 阅读:次
[导读] 做项目中，遇到点击按钮复制到粘贴板，网上搜了很多，如：用flash实现的复制功能， jquery.zclip.js 但是不支持手机端，找了好久才找到这个神器！ clipboard.js 代码如下: !DOCTYPEhtmlhtmlhea...
|
做项目中，遇到点击按钮复制到粘贴板，网上搜了很多，如：用flash实现的复制功能，jquery.zclip.js 但是不支持手机端，找了好久才找到这个神器！clipboard.js 代码如下: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://tpl.study126.com/common/js/jquery/jquery.v1.9.0.js"></script>
<script src="http://tpl.study126.com/common/js/clipboard.min.js"></script>
<title>移动端复制到剪贴板！</title>
</head>
<body>
<p>哈哈<span id="target">复制到粘贴板</span></p>
<button data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
复制按钮
</button>
</body>
<script>
$(document).ready(function(){
var targetText=$("#target").text();
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
alert("复制成功");
e.clearSelection();
});
});
</script>
</html> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
