如何在HTML中点一下就将框内的文字复制到剪切板
js导入
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.zclip.min.js"></script>
！上面缺少的文件可以在网上搜索查找。
2.代码
<div class="copybox clearfix">
<div class="copybox-n1 clearfix">
<div style="width:232px;float:left;height:36px;overflow:hidden;zoom:1">
<input type="text" id="mytxt1" value="点击右侧复制按钮复制" class="n1input">
</div>
<div style="width: 48px; height: 36px; position: absolute; margin-left: 232px;*margin-left:0px;_margin-left: 0">
<button id="copy_input1" class="n1-btn">复制</button>
</div>
</div>
<div class="copybox-n2 clearfix">
<div style="width:232px;float:left;height:36px;overflow:hidden;zoom:1">
<input type="text" id="mytxt2" value="点击右侧复制按钮复制" class="n1input">
</div>
<div style="width: 48px; height: 36px; position: absolute; margin-left: 232px;*margin-left:0px; _margin-left:0">
<button id="copy_input2" class="n1-btn">复制</button>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
/*复制*/
$('#copy_input1').zclip( {
path : 'js/ZeroClipboard.swf',
copy : function() {return $('#mytxt1').val();/*复制内容*/},
afterCopy : function() {alert("复制成功");/*复制成功*/}
});
/*复制*/
$('#copy_input2').zclip( {
path : 'js/ZeroClipboard.swf',
copy : function() {return $('#mytxt2').val();/*复制内容*/},
afterCopy : function() {alert("复制成功");/*复制成功*/}
});
});
</script>
3.参考资料
asp简单用request对像就可以
js部分烦些
这里有js。。
如果不会，留下言吧。。
两个合起来就是你要的。
function copy(obj){
alert("已经复制了...."+obj.value);
window.clipboardData.setData("Text",obj.value);
}
</script>
<input id="myTest" onfocus="copy(this);" value="要拷贝的内容"></input>
