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 相关文章推荐
Sample script that deletes a SQL Server database
Jun 16 Javascript
JavaScript中实现块作用域的方法
Apr 01 Javascript
js中获取事件对象的方法小结
Mar 13 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
js实现消息滚动效果
Jan 18 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
详解JavaScript 的变量
Mar 08 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 Javascript
js+h5 canvas实现图片验证码
Oct 11 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利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
基于PHP导出Excel的小经验 完美解决乱码问题
2013/06/10 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法
2014/11/04 PHP
php基于websocket搭建简易聊天室实践
2016/10/24 PHP
CI框架中类的自动加载问题分析
2016/11/21 PHP
php使用curl_init()和curl_multi_init()多线程的速度比较详解
2018/08/15 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
2013/06/21 Javascript
javascript中如何处理引号编码"
2013/08/15 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
JS设置网页图片vspace和hspace属性的方法
2015/04/01 Javascript
jQuery fadeOut 异步实例代码详解
2016/08/18 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
jQuery动态操作表单示例【基于table表格】
2018/12/06 jQuery
小程序关于请求同步的总结
2019/05/05 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
linux 下实现python多版本安装实践
2014/11/18 Python
python基础教程之Filter使用方法
2017/01/17 Python
Python之os操作方法(详解)
2017/06/15 Python
python try 异常处理(史上最全)
2019/03/07 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
数据员岗位职责
2013/11/19 职场文书
家长给幼儿园的表扬信
2014/01/09 职场文书
优秀医生事迹材料
2014/02/12 职场文书
学校运动会广播稿
2014/10/11 职场文书