h5的复制功能
2024-08-21 12:42:14
js+html5实现复制文字按钮
<div>
<input type="text" name="guanfangaddress" id="guanfangaddress"/>
<span id="copyBT" >复制</span>
</div> <script type="text/javascript">
function copyArticle(event) {
const range = document.createRange();
range.selectNode(document.getElementById('guanfangaddress'));
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
alert("复制成功!");
}
document.getElementById('copyBT').addEventListener('click', copyArticle, false);
</script>
最新文章
- String和Date、Timestamp之间的转换
- ubuntu下MySQL中文乱码(新版本Mysql修改方法)
- spring:如何用代码动态向容器中添加或移除Bean ?
- scp不可用:WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED
- MVC-@html.ActionLink的几种参数格式
- LLVM对注释的新增支持 @ WWDC 2013
- Python学习笔记12:标准库之对象序列化(pickle包,cPickle包)
- 关于在同一母版页中使用多个CSS文件的解决方案
- python 在mongo 中建立索引
- Openjudge-计算概论(A)-谁考了第k名
- Javascript之高级数组API的使用实例
- linux系统优化配置
- vue基础5-生命周期
- hdu2087 剪花布条
- 618大促微服务、web、redis等的超时时间
- bzoj4939: [Ynoi2016]掉进兔子洞
- 对magento MVC框架的了解
- hdu-1069(dp)
- request对象方法
- Angular CLI 命令行工具