一键复制,很常见的功能,整理如下:
<textarea name="" id="copy_msg_one" readonly>一键复制至剪切版</textarea>
<input type="button" id="copy_url_one" value="复制">
<script>
copyUrl ( $("#copy_msg_one") );
function copyUrl(dom) {
dom.click(function () {
var url = $(this).prev(); //根据实际情况更改,需要复制内容的载体
url.select();
document.execCommand("Copy");
alert("已复制至剪切板");
})
}
</script>
ps: 测试Firefox,IE(6以上),Chrome,Safari都没问题
复制内容的载体必须为表单系列的标签,且不能被禁用(disabled),值不可随意更改可加readonly,我目前是这么实现的,可以用在样式要求不严格的地方(比如后台管理这一类的。。),有很多方式可以实现这个功能,只是这样代码可以尽可能少