使用 JavaScript 在网页的 <textarea>元素的光标位置插入另一段字符串

可以使用 JavaScript 在网页的 `<textarea>` 元素的光标位置插入另一段字符串。以下是一个示例代码，展示了如何实现这一功能：

### HTML 部分
```html
<textarea id="myTextarea" rows="10" cols="50">
这是一段示例文本，请将光标放在这里。
</textarea>
<br>
<button onclick="insertTextAtCursor('插入的文本')">在光标处插入文本</button>
```

### JavaScript 部分
```javascript
function insertTextAtCursor(text) {
// 获取 textarea 元素
const textarea = document.getElementById('myTextarea');

// 获取光标的位置
const startPos = textarea.selectionStart;
const endPos = textarea.selectionEnd;

// 获取 textarea 的当前值
const currentValue = textarea.value;

// 在光标位置插入新文本
const newValue = currentValue.substring(0, startPos) + text + currentValue.substring(endPos);

// 更新 textarea 的值
textarea.value = newValue;

// 将光标移动到插入文本的末尾
const newCursorPos = startPos + text.length;
textarea.setSelectionRange(newCursorPos, newCursorPos);

// 聚焦到 textarea
textarea.focus();
}
```

### 代码说明
1. **`textarea.selectionStart` 和 `textarea.selectionEnd`**：
这两个属性分别表示光标选择的起始位置和结束位置。如果用户没有选择文本，`selectionStart` 和 `selectionEnd` 的值相同，表示光标的位置。

2. **`substring` 方法**：
用于从字符串中提取子字符串。我们将原字符串分为光标前和光标后两部分，然后在中间插入新文本。

3. **`textarea.setSelectionRange`**：
用于设置光标的位置。插入文本后，我们将光标移动到新插入文本的末尾。

4. **`textarea.focus()`**：
确保 `<textarea>` 保持聚焦状态，方便用户继续输入。

### 示例效果
1. 打开页面后，将光标放在 `<textarea>` 中的任意位置。
2. 点击按钮，会在光标处插入指定的文本（如“插入的文本”）。
3. 光标会自动移动到插入文本的末尾。