点击复制按钮复制指定文本内容代码,JS代码库,德仔网

代码语言

代码分类

【JS】点击复制按钮复制指定文本内容

作者:刘家万 / 发布于2014/12/30/ 462

点击复制按钮复制指定文本内容，实现网页中的复制功能


	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.zclip.min.js"></script>
	<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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　复制　　点击复制　　复制文本内容　

同语言下

可能有用的

刘家万贡献的其它代码(1)

.点击复制按钮复制指定文本内容