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

 更新时间:2016年08月01日 11:16:31   作者:Quber  
这篇文章主要介绍了jQuery简单实现点击文本框复制内容到剪贴板上的方法,涉及jQuery针对浏览器的判定与剪贴板的读写操作技巧,需要的朋友可以参考下

本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

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

相关文章

  • jQuery的css() 方法使用指南

    jQuery的css() 方法使用指南

    在jquery中我们要动态的修改css属性我们只要使用css()方法就可以实现了,下面我来给大家详细介绍介绍。
    2015-05-05
  • jQuery插件bxSlider实现响应式焦点图

    jQuery插件bxSlider实现响应式焦点图

    bxSlider特性1.充分响应各种设备,适应各种屏幕;2.支持多种滑动模式,水平、垂直以及淡入淡出效果;3.支持图片、视频以及任意html内容;4.支持触摸滑动;5.支持Firefox,Chrome,Safari,iOS,Android,IE7+,下面我们就来详细探讨下吧。
    2015-04-04
  • jQuery验证插件validate使用方法详解

    jQuery验证插件validate使用方法详解

    这篇文章主要为大家详细介绍了jQuery验证插件validate使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • jquery实现的网页自动播放声音

    jquery实现的网页自动播放声音

    这篇文章主要介绍了使用jquery如何实现的网页自动播放声音,需要的朋友可以参考下
    2014-04-04
  • jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】

    jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】

    这篇文章主要介绍了jQuery实现通过方向键控制div块上下左右移动的方法,涉及jQuery结合键盘事件响应动态修改页面元素属性相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • jQuery增加与删除table列的方法

    jQuery增加与删除table列的方法

    这篇文章主要介绍了jQuery增加与删除table列的方法,涉及jQuery针对table表格元素动态操作相关技巧,需要的朋友可以参考下
    2016-03-03
  • jQuery简单验证上传文件大小及类型的方法

    jQuery简单验证上传文件大小及类型的方法

    这篇文章主要介绍了jQuery简单验证上传文件大小及类型的方法,结合实例形式分析了jQuery针对上传文件的类型与大小运算操作相关技巧,需要的朋友可以参考下
    2016-06-06
  • jquery实现ajax提交表单信息的简单方法(推荐)

    jquery实现ajax提交表单信息的简单方法(推荐)

    下面小编就为大家带来一篇jquery实现ajax提交表单信息的简单方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jQuery实现简单弹幕制作

    jQuery实现简单弹幕制作

    这篇文章主要为大家详细介绍了jQuery实现简单弹幕制作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • jquery获得下拉框值的代码

    jquery获得下拉框值的代码

    jquery获得下拉框值的代码,使用jquery的朋友可以参考下。
    2011-08-08

最新评论