chrome浏览器下用几行js代码实现写入剪贴板功能

我们的原理是，创建一个 input 元素，将要写入的内容放入 input 里，然后选择 input，再调用浏览器的复制命令，将 input 里的内容复制，最后隐藏 input。

想通了非常容易理解！

我来一段简单的示例，就是将 "hello crx" 写入剪贴板。

var write_Clipper = founction(){// 创建input元素，给input传值，将input放入html里，选择inputvar w = document.createElement('input');w.value = "hello crx";document.body.appendChild(w);w.select();// 调用浏览器的复制命令document.execCommand("Copy");// 将input元素隐藏，通知操作完成！w.style.display='none';alert('操作成功！');
}

不断成长的过程总是有很多坎，当我们一个一个把坎走过的时候，成功离我们就就会越来越近！
喜欢的点个赞❤吧！

chrome浏览器下用几行js代码实现写入剪贴板功能相关推荐

chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
java实现语法分析器_200 行 JS 代码,带你实现代码编译器
一.前言对于前端同学来说,编译器可能适合神奇的魔盒 ,表面普通,但常常给我们惊喜. 编译器,顾名思义,用来编译,编译什么呢?当然是编译代码咯 . 其实我们也经常接触到编译器的使用场景: React ...
登顶 GitHub 趋势榜，标星1.8k：200 行 JS 代码让画面人物瞬间消失！
整理 | 夕颜出品 | CSDN(ID:CSDNnews) 今天,一个名为 Real-Time-Person-Removal(实时人物去除)项目在GitHub上火了,登上近日GitHub Trend ...
隐身术？登顶 GitHub Top1：200 行 JS 代码让画面人物瞬间消失！
整理 | 夕颜出品 | CSDN(ID:CSDNnews) 今天,一个名为 Real-Time-Person-Removal(实时人物去除)项目在GitHub上火了,登上近日GitHub Trend ...
chrome浏览器下“多余”的2px
箭头在调试页面的时候,发现select,input等元素在chrome浏览器下莫名的多了margin:2px,具体看图吧! stackoverflow上的提问中也类似的(应该是margin,好想提问的 ...
php公告滚动源码,10行js代码实现上下滚动公告效果方法
本文主要给大家介绍了关于利用10行js代码实现滚动公告效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起看看吧.希望能帮助到大家 ...
chrome浏览器ios版本迎来“信用卡扫描器”代码
chrome浏览器ios版本迎来"信用卡扫描器"代码近日,有开发者向 iOS 版 Chrome 谷歌浏览器提交了有关"信用卡扫描器"(Credit Card ...
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...
如何在Chrome浏览器下清除DNS缓存
如何在Chrome浏览器下清除DNS缓存本文翻译自:How to Clear/Flush DNS Cache in Google Chrome? 很多时候,当我购买新的域名,并更改域名服务器并将其托 ...

chrome浏览器下用几行js代码实现写入剪贴板功能

chrome浏览器下用几行js代码实现写入剪贴板功能相关推荐

最新文章

热门文章