js实现复制到剪切板-网站相关-魔数师说
首页 更多分类 网站相关 正文

js实现复制到剪切板

扫码手机浏览

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CopyDemo</title></head><body> ...
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>CopyDemo</title></head><body>
    <div id=NewsToolBox></div>
    <div id="text-content">      
        <p>测试p1</p>      
        <p>测试p2</p>  
    </div>
    <button id="copy-text-btn">复制</button></body></html><script type="text/javascript">
    // 复制全文    document.getElementById("copy-text-btn").onclick=function(){        var ssrsss =document.getElementById("text-content").innerText.replace(/\ +/g, ""); //获取文本并去掉空格
            var flag = copyText(ssrsss); //传递文本            alert(flag ? '复制成功' : '复制失败')
        };        function copyText(text) {            var textarea = document.createElement("textarea"); //创建input对象
            var currentFocus = document.activeElement; //当前获得焦点的元素
            var toolBoxwrap = document.getElementById('NewsToolBox'); //将文本框插入到NewsToolBox这个之后            toolBoxwrap.appendChild(textarea); //添加元素            textarea.value = text;
            textarea.focus();            if (textarea.setSelectionRange) {
                textarea.setSelectionRange(0, textarea.value.length); //获取光标起始位置到结束位置            } else {
                textarea.select();
            }            try {                var flag = document.execCommand("copy"); //执行复制            } catch (eo) {                var flag = false;
            }
            toolBoxwrap.removeChild(textarea); //删除元素            currentFocus.focus();            return flag;
        }    </script>


阅读全文

本文转载自互联网或其他渠道,侵删!