原生js实现文本复制功能

废话不多说，直接上代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></head><body><div>欢迎光临 9527</div><button class="btn" onclick="copyThat()">Copy</button><script>function copyThat() {var text = document.getElementsByTagName('div')[0].innerText;var eleInput = document.createElement('input');eleInput.value = text;document.body.appendChild(eleInput);eleInput.style.display = 'none';eleInput.select();document.execCommand("Copy")}</script></body></html>

原生js实现文本复制功能相关推荐

原生JS和jQuery操作DOM的区别小结
一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq ...
原生JS 面试题（基础）（概率大）
文章目录 1.面试题: 请描述一下 location.go(-1) 和 history.go(-1) 有什么区别 2.面试题:什么是 cookie? 如何回答! 3.面试题: 描述一下 cookie ...
html5图片剪切板,原生js实现基于base64数据复制图片到剪切板，可以粘贴出图片，模拟浏览器复制功能。...
原生js实现基于base64数据复制图片到剪切板,可以粘贴出图片,模拟浏览器复制功能.前言: 初次发帖排版略丑,见谅.之前我们这边有个需求就是说,前端通过canvas截图然后, 点击一个按钮实现复制截 ...
vue实现实时监听文本框内容的变化（最后一种为原生js）
一.用watch方法监听这个变量. <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
用原生 js jquery 实现知乎收起答案功能
Update 2016.12.7 已封装为插件原生 js 插件$ npm install foldcontent-zhihu@">=3.0.12" --save Usage ...
js map遍历修改对象里面的值_求职季之你必须要懂的原生JS(上)
点击上方"IT平头哥联盟",选择"置顶或者星标" 一起进步- 互联网寒冬之际,各大公司都缩减了HC,甚至是采取了"裁员"措施,在这样的大环境 ...
jq实现跳转404跳转,原生js实现跳转404跳转
2019独角兽企业重金招聘Python工程师标准>>> //jq实现跳转404跳转 <script> function timeGo() { ...
原生JS封装Ajax插件(同域jsonp跨域)
2019独角兽企业重金招聘Python工程师标准>>> 抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax ...
AJAX请求和跨域请求详解（原生JS、Jquery）
一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数 ...

原生js实现文本复制功能

原生js实现文本复制功能相关推荐

最新文章

热门文章