onkeyup事件按Tab后失去焦点问题

画面上有几个input框，且前台有验证：只可以填写数字，该验证在onkeyup事件中进行check，发生问题的情况是：几个input框填写完数字后，将光标移动到第一个input框，按Tab件移动到下一个input中时，该input中已经没有闪烁的光标（失去焦点）。而要删除该input中的数据的时候需要按两次Backspace键才能删除掉。

原HTML页面代码：

<label class="control-label label_pos">Some No</label>
<div class="control_pos Number">
    <input type="text" class="col-md-1 btn_sty_mar" maxlength="4" οnkeyup="value=value.replace(/[^(\d)]/g,'')" ng-model="AccountNoFirstBlock">
    <input type="text" class="col-md-1 btn_sty_mar" maxlength="4" οnkeyup="value=value.replace(/[^(\d)]/g,'')" ng-model="AccountNoSecondBlock">
</div>

第一次更改，将onkeyup方法换成AngularJS中的ng-keyup，调用后台的ctrl.js方法进行ng-model的处理再赋值操作。

更改后的HTML页面代码：

<label class="control-label label_pos">Some No</label>
<div class="control_pos Number">
    <input type="text" class="col-md-1 btn_sty_mar" maxlength="4" 
        ng-keyup="SomeNoFirstBlock = checkNumber_com(AccountNoFirstBlock)" ng-model="SomeNoFirstBlock">
    <input type="text" class="col-md-1 btn_sty_mar" maxlength="4" 
        ng-keyup="SomeNoSecondBlock = checkNumber_com(AccountNoSecondBlock)" ng-model="SomeNoSecondBlock">
</div>

后台Ctrl.js代码：

$scope.checkNumber_com = function (NGModelValue) {
    NGModelValue = NGModelValue.replace(/[^\d]/g, '');
    return NGModelValue;
};

用ng-keyup更改完后，在用Tab移动光标的时候,光标会停留在下一个input中，且为选中状态，使用Backspace可以正常删除掉。
但是这样看似问题已经得到解决，但是会出现另一个新问题：因为是调用了ng-keyup事件，在input中按Tab键移动光标位置的时候，Tab也会触发keyup事件，这样在有的时候用Tab快速的移动光标的时候会出现NGModelValue是null或者undefined的js错误。

这样最后的解决办法是将ng-keyup换成ng-change事件：

<label class="control-label label_pos">Some No</label>
<div class="control_pos Number">
    <input type="text" class="col-md-1 btn_sty_mar" maxlength="4" 
        ng-change="SomeNoFirstBlock = checkNumber_com(SomeNoFirstBlock)" ng-model="SomeNoFirstBlock">
    <input type="text" class="col-md-1 btn_sty_mar" maxlength="4" 
        ng-change="SomeNoSecondBlock = checkNumber_com(SomeNoSecondBlock)" ng-model="SomeNoSecondBlock">
</div>

注：本文原创由`bluetata`发布于blog.csdn.net、转载请务必注明出处。