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 盒模型 尺寸深入理解
Dec 31 Javascript
Angularjs 基础入门
Dec 26 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
Apr 18 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
vue elementui el-form rules动态验证的实例代码详解
May 23 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
PHP读取远程txt文档到数组并实现遍历
Aug 25 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
php警告Creating default object from empty value 问题的解决方法
2014/04/02 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
详解Yii实现分页的两种方法
2017/01/14 PHP
jquery 新浪网易的评论块制作
2010/07/01 Javascript
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
2012/05/11 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
angularjs ui-router中路由的二级嵌套
2017/03/10 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
JavaScript模板引擎原理与用法详解
2018/12/24 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
2020/08/31 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
Python list操作用法总结
2015/11/10 Python
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
Python实现二叉树的最小深度的两种方法
2019/09/30 Python
Django实现文件上传下载
2019/10/06 Python
Python类中的装饰器在当前类中的声明与调用详解
2020/04/15 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
三下乡活动方案
2014/01/31 职场文书
行政监察建议书
2014/05/19 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
社区元宵节活动总结
2015/02/06 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
opencv读取视频并保存图像的方法
2021/06/04 Python
Java数组与堆栈相关知识总结
2021/06/29 Java/Android
浅谈Redis的事件驱动模型
2022/05/30 Redis