js执行复制一段内容。但是如果这个内容有disabled的属性就不能实现复制了为什么？

<textarea cols="20" rows="10" id="biao1">复制的是我啊</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好，可贴粘。");
}

如果复制成功了实际上他有个选中的样式状态的。

如果我们设置textarea设置成只读的，他不能让你任意操作显示的是什么复制的就是什么。我们可以对textarea添加readonly或者是disabled两种属性。他们的区别是

disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等。
readonly属性只是将元素设置为只读，其他操作正常。

我试了一下如果是disabled我们就无法选中内容，没有那种选中的状态，也不能实现复制的功能，改成readonly则正好满足我妹的要求。