按回车处理输入框失去焦点

一、现象

1、光标聚集输入框时需要获取原始值

2、在输入框进行数据调整

3、输入失去焦点时进行输入前后的数据进行对比处理，得出相差的值

4、按回车（enter）键或是鼠标作用光标失去焦点时进行数据处理

5、输入框绑定了获得、失去光标和回车事件, 如下（element-ui组件）：

<el-input
    v-model="value"
    @keyup.enter.native="doEnter"
    @focus="doFocus"
    @blur="doBlur"
></el-input>

　　

二、解决

1、获得光标方法

doFocus （） {
  // todo focus      
}

2、回车方法

doEnter (e) {
  e.target.blur()  
}

3、失焦方法

doBlur () {
  // todo blur  
}

 

三、总结

e.target.blur() 会触发已绑定的失焦方法