前端技术(9) : 点击复制

 参考 : https://www.iteye.com/blog/zzc1684-2115935

注 : 若用  style="display:none;" 隐藏文本框会无法复制

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<textarea  id="biao1" style="opacity:0.0;cursor: default;width:1px;height:1px;resize:none" readonly="readonly">用户定义的代码区域</textarea>
		<input type="button" onClick="copyUrl2()" value="点击复制代码" />
	</body>
	<script src="js/jQuery.js"></script>
	<script type="text/javascript">
		function copyUrl2() {
			var Url2 = document.getElementById("biao1");
			Url2.select(); // 选择对象  
			document.execCommand("Copy"); // 执行浏览器复制命令  
			alert("已复制好,可贴粘。");
		}
	</script>
</html>

说明 :

    resize:none 禁止拉伸

 

END。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值