本文最后更新于 214 天前，其中的信息可能已经有所发展或是发生改变。
<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 函数用于将选中的文字显示在页面上，并将焦点返回到输入框。