zoukankan      html  css  js  c++  java
  • javascript copy text to clipboard

    本段代码摘自微软docs网站上,目前需要解决在IE浏览器中触发copy事件的方法,也可以直接调用jquery。

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
    </head>
    <body>
        <input id="userToken" type="text" value="asdfasgihaoihhliuhlihfwie" />
        <button onclick="copyText();">Copy Text</button>
        <script type="text/javascript">
            var copyToClipboard = function (text, langClass) {
                //text = $.trim(text);
    
                if (langClass === 'lang-powershell') {
                    text = text.replace(/PS C:\>s?/gi, '');
                }
    
                if (window.clipboardData && window.clipboardData.setData) {
                    $(window).trigger("copy", text);
                    return window.clipboardData.setData("Text", text);
                } else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
                    var txt = document.createElement("textarea");
                    txt.textContent = text;
                    txt.style.position = "fixed";
                    document.body.appendChild(txt);
                    txt.select();
                    try {
                        return document.execCommand("copy");
                    } catch (ex) {
                        return false;
                    } finally {
                        document.body.removeChild(txt);
                    }
                }
            }
    
            var copyText = function () {
                var tokenEl = document.getElementById("userToken");
                if (tokenEl) {
                    var success = copyToClipboard(tokenEl.value, "");
                    if (success) {
                        alert("copyed");
                    }
                }
            }
    
        </script>
    </body>
    </html>
    
    
  • 相关阅读:
    机会的三种境界
    常用“快”捷键
    心路历程
    中兴笔试及答案
    浅谈oracle中row_number() over()分析函数用法
    IE的F12开发人员工具不显示问题
    1002.A + B Problem II --大数问题
    6470.count --快速矩阵幂
    4151.电影--贪心
    3070.斐波拉契数列--快速幂
  • 原文地址:https://www.cnblogs.com/grj1046/p/6726604.html
Copyright © 2011-2022 走看看