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

一、总结

一句话总结：就是document的execCommand('copy')方法

二、js实现复制文本内容到剪切板

直接上代码：

 1 <script type="text/javascript">
 2 function copyUrl2()
 3     {
 4         var Url2=document.getElementById("biao1").innerText;
 5         var oInput = document.createElement('input');
 6         oInput.value = Url2;
 7         document.body.appendChild(oInput);
 8         oInput.select(); // 选择对象
 9         document.execCommand("Copy"); // 执行浏览器复制命令
10         oInput.className = 'oInput';
11         oInput.style.display='none';
12         alert('复制成功');
13     }
14 </script>
15 <div cols="20" id="biao1">12345678</div>
16 <input type="button" onClick="copyUrl2()" value="点击复制代码" />

该方法兼容所有浏览器~

 8         oInput.select(); // 选择对象
 9         document.execCommand("Copy"); // 执行浏览器复制命令

js实现复制文本内容到剪切板相关推荐

一段js实现复制文本内容到剪切板
<script type="text/javascript"> function copyUrl2(){var Url2=document.getElementById ...
一段js实现复制文本内容到剪切板（该方法兼容所有浏览器~）
直接上代码: <script type="text/javascript"> function copyUrl2(){var Url2=document.getElem ...
兼容手机PC,点击即可复制文本内容到剪切板插件clipboard.js
开源项目 https://github.com/zenorocha/clipboard.js. (拷贝文本到剪切板不应该复杂,它不应该需要许多步骤以及几百KB的文件,另外,它不应该依靠flash以及其 ...
js调用浏览器的复制功能复制内容到剪切板
js调用浏览器的复制功能: 浏览器自带复制粘贴功能,通过js调用浏览器的复制功能实现复制文本内容到剪切板浏览器复制命令:document.execCommand('Copy') 具体代码实现: // ...
js禁止右键,禁止复制,复制内容到剪切板
有时候我们希望自己的网页源码不被查看,这时需要关掉鼠标的右击事件;有时候我们也希望禁止选择页面内容Ctrl+C复制. 1.禁止右键查看源码; <script> //设置右键事件 funct ...
js复制内容到剪切板
- 方法一 document.execCommand 非input / textarea中的复制 tryCopy() {let copyWrapper = document.querySelector ...
html 文本标签点击复制,点击复制-点击div或者p标签复制内容到剪切板
点击复制-点击div或者p标签复制内容到剪切板最近在做一个需求,就是需要点击div或者p标签需要复制其中的内容到剪切板中,可以快速的粘贴如图下所示: 1059788-201709041517163 ...
JavaScript复制内容到剪切板
复制内容到剪切板分两种情况,一种是从页面已有的可选元素中选中内容进行复制,一种是将Javascript代码中的字符串直接复制到剪切板. 复制页面元素选中内容 html代码: <input typ ...
h5页面调用用户手机打电话功能以及复制内容到剪切板
通过配合vant的面板组件实现该功能: 在index.html中添加meta标签:<meta name="format-detection" content="te ...

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

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

一、总结

一句话总结：就是document的execCommand('copy')方法

二、js实现复制文本内容到剪切板

js实现复制文本内容到剪切板相关推荐

最新文章

热门文章