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 相关文章推荐
新浪中用来显示flash的函数
Apr 02 Javascript
Javascript 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
9种改善AngularJS性能的方法
Nov 28 Javascript
vue中mint-ui的使用方法
Apr 04 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 Vue.js
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
IP138 IP地址查询小偷实现代码
2010/02/15 PHP
php数组对百万数据进行排除重复数据的实现代码
2010/06/08 PHP
php DOS攻击实现代码(附如何防范)
2012/05/29 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
PHP远程调试之XDEBUG
2015/12/29 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
Prototype源码浅析 Enumerable部分(二)
2012/01/18 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python对html代码进行escape编码的方法
2015/05/04 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
使用python实现滑动验证码功能
2019/08/05 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
python中如何设置代码自动提示
2020/07/15 Python
Python接口自动化测试的实现
2020/08/28 Python
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
向全球直邮输送天然健康产品:iHerb.com
2020/05/03 全球购物
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
中学教师请假制度
2014/02/03 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
禁烟标语大全
2014/06/11 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
2014中学教师节广播稿
2014/09/10 职场文书
小学同学聚会感言
2015/07/30 职场文书
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS
mysql创建存储过程及函数详解
2021/12/04 MySQL