2***@qq.com
2***@qq.com
  • 发布:2024-09-24 15:43
  • 更新:2025-05-30 15:37
  • 阅读:287

长按删除 textarea输入框输删除任意一行的内容时,光标会跳到内容的最后

分类:uni-app

长按删除 textarea输入框输删除任意一行的内容时,光标会跳到内容的最后

<textarea :maxlength="4000" name="" id="" v-model="writeContent" adjust-position="false" :placeholder="item.exampleValue"></textarea>
2024-09-24 15:43 负责人:无 分享
已邀请:
都广野

都广野

请问最后解决了吗

1***@163.com

1***@163.com

// 当光标已经删除到开头时,阻止默认删除行为
const onInput = (e) => {
const selectionStart = e.detail.cursor; // 获取光标位置
if (selectionStart === 0) {
e.preventDefault(); // 阻止默认删除行为
return;
}
};

1***@163.com

1***@163.com

第二种解决方案:

不用v-modelvalue绑定,然后在 @blur的时候给 value绑定的值赋值,如下:

html:

 <textarea  
  :value="formData.content"  
  @blur="onBlur"  
></textarea>  

js:

const onBlur = (e) => {  
  formData.content = e.target.value;  
};  

这样不用v-model同样也可以在formData.content拿到数据

要回复问题请先登录注册