OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

用JavaScript将input/textarea中的文本复制粘贴到剪切板


分享到


分类 JS学习   关键字 JavaScript   发布 ourjs  1529981667955
注意 转载须保留原文链接,译文链接,作者译者等信息。  
浏览器对剪切板有一定的安全限制,与 window.open 方法类似,只有在用户交互过程中才允许操作,比如说鼠标点击,键盘输入等。

要想将文本复制到剪切板首先要将该文本框全选,如:

document.querySelector('#input').select();

然后调用复制命名,复制到剪切版

document.execCommand('copy');

最后,这些调用必须在事件响应中调用,如:

document.querySelector("#visible-button").onclick = function() {
  document.querySelector("#visible-input").select();
  document.execCommand('copy');
};

此方法兼容 IE9+、Firefox、Chrome浏览器。如果将 querySelector 替换成 jQuery 则兼容 IE7/8,

将复制的内容粘贴到指定位置,因有更大的安全风险,目前仅旧版IE支持,如:

$(".btn.btn-primary").on('click', function() {
  $("#bind-string")[0].select();
  document.execCommand('paste');
})


示例: http://www.jstips.co/en/javascript/copy-to-clipboard/


社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 怎样将Android手机中的照片和视频,通过APP自动同步备份到OnceAir云盘的共享目录中
  2. JS动态滑动切换到页面指定位置
  3. Debian/Ubuntu Linux搭建SVN服务器,并设置开机默认启动
  4. 用CSS和Bootstrap图标制作上下跳动的指示箭头动画效果
  5. Office365并不是完全基于JavaScript重写的,只是用来构建UI界面
  6. nodejs视频教程集合附带源码和笔记
  7. Facebook 正在重构 React Native,将重写大量底层
  8. html5弹出式网页mp4视频播放器
  9. Node.JS用Path将相对路径转为绝对路径
  10. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - JS学习
  1. Node.JS用Path将相对路径转为绝对路径
  2. JS动态滑动切换到页面指定位置
  3. 如何通过网页、客户端、手机APP、路由器查找OnceAir NAS网盘的内网访问地址
  4. JavaScript用new Image实现内网服务器端口扫描
  5. 如何收集捕获Node中的未处理的错误异常信息?
  6. Node.JS循环删除非空文件夹及子目录下的所有文件
  7. Node.js 和 JavaScript 的最新版 npm 导致 Linux 系统崩溃,迫使用户重装系统!
  8. 用jQuery创建一个可编辑的SELECT下拉控件(HTML/CSS)
  9. 如何用Bootstrap免费网站模板和OnceAir云盘搭建个人网站服务器
  10. Node.JS高效压缩解压zip文件:将child_process执行结果输入stdout流

 关键字 - JavaScript
  1. javascript将所有不确定个数的参数传递给另一个函数,将arguments转化为数组即可
  2. 使用Bootstrap、Electron和JavaScript开发桌面应用
  3. JavaScript如何快速高性能清空删除Array数组中的所有元素,并保持引用
  4. JavaScript无引用复制一个Array数组的每一个元素到另一个数组
  5. JavaScript使用类似break机制中断forEach循环
  6. 用JavaScript实现node.js中的path.join方法
  7. 用jQuery将JavaScript对象转换为querystring查询字符串
  8. 用JavaScript往select元素中添加new option下拉选项
  9. bootstrap-datetimepicker时间日期范围选取组件使用说明及简单教程
  10. 少年,不要滥用箭头函数啊:JS中lambda表达式的优缺点和使用场景

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号