分享好友 教程首页 教程搜索 频道列表

通过js实现复制到剪贴板功能

2022-01-06 15:311850
+关注2
核心提示:效果看代码

原型代码:

<input type="text" id="content" value=""/>
<button type="button" onClick="copyUrl2()">复制短链接</button>
<script>
function copyUrl2(){
    var urlresult=document.getElementById("content");
    urlresult.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("已复制好,可贴粘。");
}
</script>


测试有效

本文标签: #复制
整理员:网络转载
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

超简单的HTML+JS点击复制文字效果(包含点击复制多行)

    直接用html模式进行代码测试

网络转载 HTML教程2023-06-29

利用clipboard.js复制粘贴JS插件实现页面特定文本按钮复制

    我们在设计网站的时候,有些效果需要不断的提高用户体验。比如我们在页面中的微信号、电话号码、优惠码等信息,最好不要用户直接复制。如果能直接点击按钮直接复制效果还是比较好体验的。这里我们可以使用clipboard.

小黑 JavaScript教程2022-03-15

js实现点击复制

    此方法通用script type="text/javascript"function copyUrl2(){var Url2=document.getElementById("biao1").innerText;var oInput = document.createElement('input');oInput.value = Url2;document.body.appendChild(oInput);oInput.select(); //

小黑 JS相关2019-08-26

模块开发流程

    一、复制模块首先根据需要制作的模块功能,从系统已有模块里选择一个功能类似的模块,在此模块基础上进行修改开发例如,复制求购模块为采购

destoon 程序相关 22019-08-05

下一篇
我来说两句
抢沙发