在HTML中,要获取<textarea>
标签中所选文本,可以使用JavaScript的selectionStart
和selectionEnd
属性。以下是一个简单的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>获取所选文本</title>
</head>
<body>
<textarea id="myTextarea" rows="4" cols="50">
请输入一些文本,然后选择一部分文本。
</textarea>
<button onclick="getSelectedText()">获取所选文本</button>
<p id="result"></p>
<script>
function getSelectedText() {
const textarea = document.getElementById('myTextarea');
const startIndex = textarea.selectionStart;
const endIndex = textarea.selectionEnd;
const selectedText = textarea.value.substring(startIndex, endIndex);
document.getElementById('result').innerHTML = `所选文本:${selectedText}`;
}
</script>
</body>
</html>
在这个示例中,我们首先创建了一个<textarea>
元素,用户可以在其中输入文本并选择一部分文本。然后,我们创建了一个按钮,当用户点击该按钮时,将调用getSelectedText()
函数。该函数使用selectionStart
和selectionEnd
属性获取所选文本的起始和结束索引,然后使用substring()
方法从文本中提取所选文本。最后,我们将所选文本显示在<p>
元素中。
领取专属 10元无门槛券
手把手带您无忧上云