posts - 108,  comments - 44,  views - 45万
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

一、现象

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>

 

posted on   小老虎网络  阅读(574)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
点击右上角即可分享
微信分享提示