要替换HTML textarea中当前选定的文本,可以使用JavaScript的setRangeText()
方法。以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head>
<title>Replace Selected Text in Textarea</title>
<script>
function replaceSelectedText() {
const textarea = document.getElementById('myTextarea');
const selectedText = textarea.value.substring(textarea.selectionStart, textarea.selectionEnd);
const newText = '新文本';
const newValue = textarea.value.substring(0, textarea.selectionStart) + newText + textarea.value.substring(textarea.selectionEnd);
textarea.value = newValue;
}
</script>
</head>
<body>
<textarea id="myTextarea" rows="4" cols="50">
这是一段文本。选定一部分文本后,点击按钮替换为新文本。
</textarea>
<br>
<button onclick="replaceSelectedText()">替换选定文本</button>
</body>
</html>
在这个示例中,我们首先获取了textarea元素的引用,并使用selectionStart
和selectionEnd
属性获取选定文本的起始和结束位置。然后,我们使用substring()
方法获取选定文本,并将其替换为新文本。最后,我们将修改后的文本重新赋值给textarea的value
属性。
在这个示例中,我们使用了一个按钮来触发替换操作。您可以根据需要调整代码以适应您的应用程序。
领取专属 10元无门槛券
手把手带您无忧上云