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 相关文章推荐
showModalDialog 和 showModelessDialog
Jan 22 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
JavaScript实现无刷新上传预览图片功能
Aug 02 Javascript
使用Angular CLI生成路由的方法
Mar 24 Javascript
教你完全理解ReentrantLock重入锁
Jun 03 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
Apr 29 Javascript
vue实现div单选多选功能
Jul 16 Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
jquery遍历input取得input的name
2009/04/27 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
js 第二代身份证号码的验证机制代码
2011/05/12 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
Python的Django框架中使用SQLAlchemy操作数据库的教程
2016/06/02 Python
pandas通过loc生成新的列方法
2018/11/28 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
详解Django 时间与时区设置问题
2019/07/23 Python
Python 文件数据读写的具体实现
2020/01/24 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
python中spy++的使用超详细教程
2021/01/29 Python
解决pytorch 模型复制的一些问题
2021/03/03 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
数据保密承诺书
2014/06/03 职场文书
工厂车间标语
2014/06/19 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
讲文明倡议书
2015/04/29 职场文书
2015年党员个人工作总结
2015/05/13 职场文书
首都博物馆观后感
2015/06/05 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS