js 实现input框或textarea的文本复制功能

span标签的内容作为可视内容，然后写一个只读的input框，样式设为透明的，置于z-index底层；

/*输入框样式*/
.input-item {
	width:auto;
	height:18px;
	position: absolute;
	right:80px;
	margin-top:2px;
	opacity: 0;
	z-index: -10;
	text-align: right;
}
/* 复制按钮样式 */
.copy-btn {
	width: 40px;
	height: 22px;
	text-align: center;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	margin: 0 0 0 6px;
	line-height: 22px;
}

<div class="desc">
	<span  class="span-item">**************</span>
	<input type="text" readonly="readonly" value=''  class="input-item"/>
</div>
<div class="copy-btn">
	<button class="copy-btn-item" onclick="copy(this)">复制</button>
</div>

可以把需要复制的值直接赋给输入框，复制的时候不需要在把span的值传给输入框了

function copy(that) {
			//获取需要复制的值
 			var str = $(that).parents(".copy-btn").siblings('.desc').find(".span-item").text();
			var queIdInput=$(that).parents(".copy-btn").siblings('.desc').find(".input-item");
 			queIdInput.val(str) ；//把需要复制的值赋给输入框
			queIdInput.select();  // 选择对象用户定义的代码区域
			// 执行浏览器复制命令
	         document.execCommand("Copy");
			alert("复制成功！");
		}

textarea原理和输入框一样