前端输入框有啥方法能鼠标选中文本时候 按回撤键不让删除掉
时间: 2024-01-17 22:02:51 浏览: 155
鼠标选中文本框,默认内容消失
你可以使用 `onkeydown` 事件来监听键盘按键事件,然后判断是否按下了回撤键(backspace),如果是,则判断当前输入框是否有选中的文本,如果有,则阻止默认的回撤键行为,从而避免删除选中的文本。
以下是一个示例代码:
```html
<input type="text" onkeydown="handleBackspace(event)" />
<script>
function handleBackspace(event) {
if (event.key === 'Backspace') {
const input = event.target;
if (input.selectionStart !== input.selectionEnd) {
event.preventDefault();
}
}
}
</script>
```
在上面的示例代码中,我们定义了一个名为 `handleBackspace` 的函数来处理回撤键事件。当用户按下回撤键时,该函数会检查当前输入框是否有选中的文本,如果有,则阻止默认的回撤键行为。
阅读全文