需求场景:
显示复制链接的按钮,将当前浏览器url地址复制到剪切板。
如下:
方法一、方法二:点击按钮,将输入框的内容复制到剪切板。
方法四:点击按钮,复制当前url到剪切板。
方法三:IE专用。
移动端浏览器,PC端浏览器测试。
方法一:
使用原生Js,核心方法document.execCommand("Copy");
自测可以使用的浏览器:ie9+,Chrome71,firefox63,360,Edge(Safari5不能使用)
<textarea id="textarea1">复制链接【原生】</textarea>
<input type="button" onClick="shareUrlJs()" value="复制链接【原生】" />
<script type="text/javascript">
function shareUrlJs(){
var t = document.getElementById("textarea1");
t.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("复制成功");
}