textarea输入框输删除内容光标跳到最后
时间: 2024-09-24 22:24:12 浏览: 48
当你在textarea(文本区域)输入框内删除内容时,如果希望光标自动跳到删除内容后的最后位置,可以在用户触发`input`事件或`keydown`事件后,检查当前光标的位置以及删除的内容长度,然后更新光标的坐标。
JavaScript示例代码:
```javascript
function handleInput(e) {
const textArea = e.target;
const start = textArea.selectionStart; // 获取开始位置
const end = textArea.selectionEnd; // 获取结束位置
const deletedLength = end - start; // 计算删除的字符数
// 更新光标位置
if (deletedLength > 0) {
textArea.setSelectionRange(start + deletedLength, start + deletedLength);
}
}
// 绑定事件监听
const textAreaElement = document.querySelector('textarea');
textAreaElement.addEventListener('input', handleInput);
textAreaElement.addEventListener('keydown', handleInput);
```
这段代码会在textarea内容发生变化时检测并调整光标位置。当有内容被删除时,光标会移动到删除内容之后的末尾。
阅读全文