一、现象
1、光标聚集输入框时需要获取原始值
2、在输入框进行数据调整
3、输入失去焦点时进行输入前后的数据进行对比处理,得出相差的值
4、按回车(enter)键或是鼠标作用光标失去焦点时进行数据处理
5、输入框绑定了获得、失去光标和回车事件, 如下(element-ui组件):
1 2 3 4 5 6 | < el-input v-model="value" @keyup.enter.native="doEnter" @focus="doFocus" @blur="doBlur" ></ el-input > |
二、解决
1、获得光标方法
1 2 3 | doFocus () { // todo focus } |
2、回车方法
1 2 3 | doEnter (e) { e.target.blur() } |
3、失焦方法
1 2 3 | doBlur () { // todo blur } |
三、总结
1 | e.target.blur() 会触发已绑定的失焦方法<br><br><br><br><br><br> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程