首页 > 编程 > JavaScript > 正文

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

2019-11-20 09:21:35
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表