jQuery简单实现点击文本框复制内容到剪贴板上的方法


Posted in Javascript onAugust 01, 2016

本文实例讲述了jQuery简单实现点击文本框复制内容到剪贴板上的方法。分享给大家供大家参考,具体如下:

//点击文本框复制其内容到剪贴板上方法
function copyToClipboard(txt) {
  if (window.clipboardData) {
    window.clipboardData.clearData();
    window.clipboardData.setData("Text", txt);
    alert("已经成功复制到剪帖板上!");
  } else if (navigator.userAgent.indexOf("Opera") != -1) {
    window.location = txt;
  } else if (window.netscape) {
    try {
      netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    } catch (e) {
      alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");
    }
    var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
    if (!clip) return;
    var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
    if (!trans) return;
    trans.addDataFlavor('text/unicode');
    var str = new Object();
    var len = new Object();
    var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
    var copytext = txt;
    str.data = copytext;
    trans.setTransferData("text/unicode", str, copytext.length * 2);
    var clipid = Components.interfaces.nsIClipboard;
    if (!clip) return false;
    clip.setData(trans, null, clipid.kGlobalClipboard);
    alert("已经成功复制到剪帖板上!");
  }
}
//点击文本框复制其内容到剪贴板上
function setCopyLink() {
  $("#txt_CopyLink").val(document.URL)
  .focus(function () {
    $(this).css({ "background-color": "#ddd" }).select();
    copyToClipboard($("#txt_CopyLink").val());
  }).blur(function () {
    $(this).css({ "background-color": "#fff" });
  });
}

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript计算时间差的函数分享
Jul 04 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
Jan 26 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
js HTML5手机刮刮乐代码
Sep 29 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
JS一个简单的注册页面实例
Sep 05 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
vue 注册组件的使用详解
May 05 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 Javascript
Three.js学习之几何形状
Aug 01 #Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 #Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 #Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 #Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 #Javascript
AngularJs页面筛选标签小功能
Aug 01 #Javascript
Bootstrap Table使用方法详解
Aug 01 #Javascript
You might like
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
JS性能优化笔记搜索整理
2013/08/21 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
你有必要知道的10个JavaScript难点
2017/07/25 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
jquery实现鼠标悬浮弹出气泡提示框
2020/12/23 jQuery
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
使用Template格式化Python字符串的方法
2019/01/22 Python
浅谈Python反射 & 单例模式
2019/03/21 Python
python实现门限回归方式
2020/02/29 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
会计专业推荐信
2013/10/29 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
ktv中秋节活动方案
2014/01/30 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
党员民主评议个人总结
2014/10/20 职场文书
2014年实验室工作总结
2014/12/03 职场文书
营销计划书范文
2015/01/17 职场文书
大学生求职自荐信
2015/03/24 职场文书
农村环境卫生倡议书
2015/04/29 职场文书