一段js实现复制文本内容到剪切板

简介: 一段js实现复制文本内容到剪切板该方法兼容所有浏览器~

一段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(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = 'oInput';
        oInput.style.display='none';
        alert('复制成功');
    }
</script>
<div cols="20" id="biao1">12345678</div>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />


该方法兼容所有浏览器~

目录
相关文章
|
3月前
|
前端开发 JavaScript Java
JavaScript复制内容到剪切板 带格式的复制
JavaScript复制内容到剪切板 带格式的复制
|
1月前
编程笔记 html5&css&js 007 HTML文本:段落和格式
编程笔记 html5&css&js 007 HTML文本:段落和格式
|
1月前
编程笔记 html5&css&js 006 HTML文本:标题
编程笔记 html5&css&js 006 HTML文本:标题
|
2月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML1、H5文本元素
H5+CSS3+JS逆向前置——HTML1、H5文本元素
27 0
|
3月前
|
JavaScript 前端开发 安全
JavaScript学习 -- 文本节点
JavaScript学习 -- 文本节点
16 0
|
3月前
|
JavaScript
JS的文本同步框
JS的文本同步框
16 0
|
3月前
|
JavaScript 前端开发 API
【JavaScript】复制文本到剪切板
Clipboard API是现代浏览器提供的一组JavaScript接口,用于访问和操作用户剪贴板中的内容。它提供了异步读取和写入剪贴板的功能,可以处理多种类型的数据,如文本、图像等。通过使用navigator.clipboard对象,开发者可以调用相关方法来读取和写入剪贴板中的内容。
35 0
|
4月前
|
JavaScript
(简单成功)原生js实现点击复制文本
(简单成功)原生js实现点击复制文本
32 0
|
9月前
|
JavaScript 前端开发 流计算
在 JavaScript 中闪烁文本
在 JavaScript 中闪烁文本
|
4月前
|
JavaScript 前端开发 Go
使用 JavaScript 将文本转换为文件
使用 JavaScript 将文本转换为文件
46 0