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 函数用于将选中的文字显示在页面上，并将焦点返回到输入框。