今天一位网友来找我,她是做代购的,她希望她的移动端网站,用户点击“微信号”可以直接复制,然后,直接粘贴到微信上去,可以直接加好友。
这是非常适合用户体验的一个想法,我就顺便帮忙一下。
具体简单JS实现复制粘贴代码如下:
注意:文本框不能使用 disabled ;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>复制粘贴</title>
</head>
<body>
<script>
function copyUrl2() {
var Url2 = document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令用户定义的代码区域用户定义的代码区域
alert("已复制好,可贴粘。"); //复制里面的内容
}
</script>
<textarea cols="20" rows="10" readonly="readonly" id="biao1">复制里面的内容</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />
</body>
</html>
效果:
总结:
以上只是一个简单的JS实现复制粘贴功能,主要是体现了它的原理。你还要根据你的项目做相应的调整,例如:div布局和css样式等等。大家就尽情的个人发挥去吧!