首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何替换html textarea中当前选定的文本?

要替换HTML textarea中当前选定的文本,可以使用JavaScript的setRangeText()方法。以下是一个简单的示例:

代码语言:html
复制
<!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元素的引用,并使用selectionStartselectionEnd属性获取选定文本的起始和结束位置。然后,我们使用substring()方法获取选定文本,并将其替换为新文本。最后,我们将修改后的文本重新赋值给textarea的value属性。

在这个示例中,我们使用了一个按钮来触发替换操作。您可以根据需要调整代码以适应您的应用程序。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

-

如何看待当前AI技术在智能交通市场中的应用现状丨华为安平业务部

13分40秒

040.go的结构体的匿名嵌套

2分13秒

MySQL系列十之【监控管理】

1分21秒

11、mysql系列之许可更新及对象搜索

6分6秒

普通人如何理解递归算法

2分43秒

ELSER 与 Q&A 模型配合使用的快速演示

领券