通过element.select（）选择文本时，document.getSelection（）。toString（）返回空字符串

Question

我正在尝试实现以下两个功能：

用户可以通过单击按钮在textarea复制内容。
通过侦听copy事件，我可以知道用户复制了哪些内容（用户是否使用按钮，Ctrl-C或上下文菜单进行copy 。

这是我的代码（您也可以在https://jsfiddle.net/hjtswedm/3/中看到它）：

<html>

<head>
</head>
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script>
    $(window).bind("copy", function (e) {
        alert(document.getSelection().toString());
    });

    var copyText = function () {
        var txt = document.createElement("textarea");
        txt.textContent = $('#data').val();
        txt.style.position = "fixed";
        document.body.appendChild(txt);
        txt.select();
        try {
            return document.execCommand("copy");
        } catch (ex) {
            return false;
        } finally {
            document.body.removeChild(txt);
        }
    }
</script>

<body>
    Lorem Ipsum
    <textarea id="data">test copy</textarea>
    <button onclick="copyText()">
    Copy Text
    </button>
</body>

</html>

这段代码可以在Chrome上正常运行。 但是，对于Firefox，Internet Explorer和Edge，当我单击复制按钮时， document.getSelection().toString()始终返回空字符串。 这是设计使然，还是我想念什么？

提前致谢。

Answer 1

工作提琴

尝试：

 try {
    var range = document.createRange();
    range.selectNodeContents(txt);
    window.getSelection().addRange(range);
    return document.execCommand("copy");
  }

通过element.select（）选择文本时，document.getSelection（）。toString（）返回空字符串

问题描述

1 个解决方案

解决方案1
1 2017-01-17 12:25:34

通过element.select（）选择文本时，document.getSelection（）。toString（）返回空字符串

问题描述

1 个解决方案

解决方案1 1 2017-01-17 12:25:34

解决方案1
1 2017-01-17 12:25:34