zoukankan      html  css  js  c++  java
  • 一键复制链接兼容苹果安卓

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>

    <body>
    <tr>
    <td><input id="copy_{$key}" onclick="getUrl('{$key}')" value="复制文件链接" type="button">
    <input id="file_{$key}" value="http://xueniu.tsihan.com/index.php?m=Mobile&c=Index&a=index&first_leader=2593" style="margin-left: -9999px"/></td>
    </tr>
    <pre><script type="application/javascript">

    function getUrl(id) {
    if (copyToClipboard(document.getElementById("file_"+id))){
    alert("成功复制到黏贴板!");
    }else{
    alert("复制到黏贴板失败!");
    }
    }

    function copyToClipboard(elem) {
    // create hidden text element, if it doesn't already exist
    var targetId = "_hiddenCopyText_";
    var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
    var origSelectionStart, origSelectionEnd;
    if (isInput) {
    // can just use the original source element for the selection and copy
    target = elem;
    origSelectionStart = elem.selectionStart;
    origSelectionEnd = elem.selectionEnd;
    } else {
    // must use a temporary form element for the selection and copy
    target = document.getElementById(targetId);
    if (!target) {
    var target = document.createElement("textarea");
    target.style.position = "absolute";
    target.style.left = "-9999px";
    target.style.top = "0";
    target.id = targetId;
    document.body.appendChild(target);
    }
    target.textContent = elem.textContent;
    }
    // select the content
    var currentFocus = document.activeElement;
    target.focus();
    target.setSelectionRange(0, target.value.length);

    // copy the selection
    var succeed;
    try {
    succeed = document.execCommand("copy");
    } catch(e) {
    succeed = false;
    }
    // restore original focus
    if (currentFocus && typeof currentFocus.focus === "function") {
    currentFocus.focus();
    }

    if (isInput) {
    // restore prior selection
    elem.setSelectionRange(origSelectionStart, origSelectionEnd);
    } else {
    // clear temporary content
    target.textContent = "";
    }
    return succeed;
    }
    </script></pre>
    </body>
    </html>

  • 相关阅读:
    Linux nginx 安装 启动
    MySQL5.7版本sql_mode=only_full_group_by问题解决办法
    Tomcat配置Gizp 客户端使用okHttp3
    tomcat 验证码显示问题
    JProfiler 教程 使用说明
    mysql update 子查询作为条件
    reids等非关系数据库管理工具treesoft
    常用Linux 命令
    vue中计算属性的get与set方法
    Less和Sass相同与不同
  • 原文地址:https://www.cnblogs.com/gyc51/p/8029190.html
Copyright © 2011-2022 走看看