JavaScript 获取选中文字

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>获取选中文字</title>
    </head>
    <body>
        <input id="inputText" onselect="logSelection(event)">
        <button onclick="obtain()">获取</button>
        <p>被选中的文字为：<span id="selectedText"></span></p>
        <script>
            var selectedText = "";
            var selectionInfo = {
                x: 0,
                y: 0
            };
            function logSelection(event) {
                const selection = event.target.value.substring(event.target.selectionStart, event.target.selectionEnd);
                selectedText = selection;
                selectionInfo = {
                    x: event.target.selectionStart,
                    y: event.target.selectionEnd
                };
            }
            function obtain() {
                document.querySelector("#selectedText").innerText = selectedText;
                document.getElementById("inputText").focus();
            }
        </script>
    </body>
</html>

运行后在输入框中输入文字，并且选中一段文字，点击获取后会在下面显示选中的文字。

变量 selectedText 用于存储选中文字，selectionInfo 用于存储开始和结束位置。

logSelection 函数用于处理输入框中的文本被选中的事件，首先获取选中的文字，然后更新变量 selectedText 和 selectionInfo 的值。obtain 函数用于将选中的文字显示在页面上，并将焦点返回到输入框。