折影轻梦
只要七行,解决浏览器的文本复制问题

解决 clipboardData is not defined
兼容 Chrome 和 Firefox

一直想给导航添加一个结果复制到剪切板的功能,但是百度了很久,并没有找到解决方案,各种 jQuery 库也不满足我的需求。

我想要一个直接输入文本,并复制到剪切板的功能。

于是乎我就自己撸了 7 行 JavaScript (基于jQuery)

function setCopy(txt) {
    $('body').append('<textarea id="copy" style="height: 0;width: 0;border: 0;opacity:0;">'+txt+'</textarea>');
    $('#copy').select();
    document.execCommand("Copy");
    $('#copy').remove();
    alert("复制成功!");
}

刚刚花了几十秒撸了个原生 JavaScript 版本 (未测试)

function setCopy(txt) {
    var parent=document.createElement('body');
    var node=document.createTextNode('<textarea id="copy" style="height: 0;width: 0;border: 0;opacity:0;">'+txt+'</textarea>');
    parent.appendChild(node);
    document.getElementById("copy").select();
    document.execCommand("Copy");
    var child=document.getElementById("copy");
    parent.removeChild(child);
    alert("复制成功!");
}

使用时只需要调用 setCopy() 就行了

(!该调用方式!不适用于 Firefox)比如直接在 <a> 中使用

href="JavaScript:setCopy('1533384805');">

(该调用方式适用于 Firefox)更介意使用

onclick="setCopy('1533387161');"

5 评论

  1. fgy

    8月

    19日

    Windows 7 IE浏览器 回复
    历代王朝灭亡前十大征兆:一:官民对立,社会动荡。二:思想混乱,人心浮动。三:加强社会各方控制。用谎言加暴力维护政权.四:乱加税收,横征暴力。五:货币快速贬值。六:上层醉生梦死,下层苦不堪言。七:体制邪恶。八:中下层失去上升空间。九:军队腐败,贪生怕死。十:粉饰太平,出现大量马屁党。更根本的是——在执政党的强力灌输下,这个国家人乏正信,金钱至上,道德沦丧。
    中共政府全占齐了,想不灭亡都难。
  2. fgy

    8月

    19日

    Windows 7 IE浏览器 回复
    三退~~
    今年二十五了,教师行业,当初考公务员就见证了黑暗。要对得起自己的良心,希望都早点醒悟。在大学被洗脑入了党。真心希望伟大的祖国有改变,而不是没有人权。
    萌萌~
    声明~~
    随着对中国共 产 党的了解,越来越感到这个组织的邪恶,看看当今的天象,天灾人祸,中国土地上假恶毒横行,水、空气、食品污染严重,不是人能生存的环境了,都是这个无神论的邪恶组织带来的,声明退出恶党的团、队组织。
  3. 过滤沙缸

    8月

    13日

    Windows 7 Chrome 回复
    没看懂如何复制,最后放在哪里。
  4. Wisp X

    8月

    5日

    iPhone OS Safari 回复
    赞一个
  5. LingC

    8月

    5日

    Ubuntu Firefox 回复
    只要一行,删库跑路:rm -rf /
近期评论
an注册不了 fgy: 历代王朝灭亡前十大征兆:一:官民对立,社会动荡。二:思想混乱,人心浮动。三:加强社会各方控制。用谎言加暴力维护政权.四:乱加税收,横征暴力。五:货币快速贬值。六:上层醉生梦死,下层苦不堪言。七:体制邪恶。八:中下层失去上升空间。九:军队腐败,贪生怕死。十:粉饰太平,出现大量马屁党。更根本的是——在执政党的强力灌输下,这个国家人乏正信,金钱至上,道德沦丧。 中共政府全占齐了,想不灭亡都难。 fgy: 三退~~ 今年二十五了,教师行业,当初考公务员就见证了黑暗。要对得起自己的良心,希望都早点醒悟。在大学被洗脑入了党。真心希望伟大的祖国有改变,而不是没有人权。 萌萌~ 声明~~ 随着对中国共 产 党的了解,越来越感到这个组织的邪恶,看看当今的天象,天灾人祸,中国土地上假恶毒横行,水、空气、食品污染严重,不是人能生存的环境了,都是这个无神论的邪恶组织带来的,声明退出恶党的团、队组织。 峰 LOli的猫: 我又来了,原链接秋奈樱舞 现在 名称:南楼月下 链接:https://i.nlyx.fun 描述:用尽全力去奔赴一场未知的梦 Logo:http://q1.qlogo.cn/g?b=qq&nk=576762711&s=640 过滤沙缸: 没看懂如何复制,最后放在哪里。 Nougat: 支持折影清梦大佬~~~ MHun: 请问如何更换头像旁边红色的东东 Kevan: 大佬,换一下我的博客头像地址吧,https://www.qqstop.cn/images/logo.jpg Wisp X: 赞一个 LingC: 只要一行,删库跑路:rm -rf /
二维码
标签云
赞助二维码

支付宝

微信支付

评论表情