JS实现选中文字复制文本内容

作者：Liaodeity - 2018年12月12日

摘要一个简单使用JS进行复制页面的文本内容到，粘贴文字。可对以下内容进行修改，支持jQuery的方式实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS选中文字复制文本内容</title>
</head>
<body>
<div onmouseup="copySelectTest(this)">我是被复制的内容</div>
<div onmouseup="copySelectTest(this)">我是被复制的内容2</div>
<script type="text/javascript">
    function selectElementText(el) {
        if (document.selection) {   // IE8 以下处理
            var oRange = document.body.createTextRange();
            oRange.moveToElementText(el);
            oRange.select();
        } else {
            var range = document.createRange(); // create new range object
            range.selectNodeContents(el); // set range to encompass desired element text
            var selection = window.getSelection(); // get Selection object from currently user selected text
            selection.removeAllRanges(); // unselect any user selected text (if any)
            selection.addRange(range); // add range to Selection object to select it
        }
    }

    function copySelectionText() {
        var copysuccess; // var to check whether execCommand successfully executed
        try {
            copysuccess = document.execCommand("copy"); // run command to copy selected text to clipboard
        } catch (e) {
            copysuccess = false;
        }
        return copysuccess;
    }

    function copySelectTest(e) {
        selectElementText(e); // select the element's text we wish to read
        var copysuccess = copySelectionText();
        if (copysuccess) {
            alert('已成功复制')
        }
    }
</script>
</body>
</html>

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/article/618

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！