您的位置：首页 > Web前端 > JavaScript

JS实现复制到剪贴板

2015-08-17 10:57 549 查看

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<title>复制到剪贴板</title>

<script src="http://img3.job1001.com/js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="http://img3.job1001.com/js/ZeroClipboard/jquery.zclip.min.js"></script>

</head>

<body>

<input type="text" id="copy_value"/>

<input class="copy_btn" type="button" value="一键复制"/>

<br/><br/>

<input type="text" id="copy_value"/>

<input class="copy_btn" type="button" value="一键复制"/>

<br/><br/>

<input type="text" id="copy_value"/>

<input class="copy_btn" type="button" value="一键复制"/>

<script>

$(document).ready(function(){

if ( window.clipboardData ) {

$('.copy_btn').click(function() {

window.clipboardData.setData("Text", $(this).prev('input').val());

alert('复制成功！');

});

} else {

$(".copy_btn").zclip({

path:'http://img3.job1001.com/js/ZeroClipboard/ZeroClipboard.swf',

copy:function(){return $(this).prev('input').val();},

afterCopy:function(){alert('复制成功！');}

});

}

});

</script>

</body>

</html>

注意在服务端运行才能看到效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航