2014-12-22 25 views
0

我有两个文本字段我想在输入某些文本完成后将光标从一个字段移动到另一个字段时获得警报。我怎样才能在角JS实现它?我尝试了ng-change,但是当我在第一个字段中输入第二个字母时它会变得警惕。在两个文本框之间更改光标时,Angular JS会发出提醒

HTML:

   <div class="input-group"> 
        <span class="input-group-addon"><span class=" "></span><span 
         class="input-text">Number of Working Days</span></span> <input 
         type="text" class="form-control " id="workingDays" 
         ng-model="workingDays" ng-change="updateDays();" /> 
       </div> 

JS:

$scope.updateDays = function() { 
alert('Got an alert'); 
}; 

在这里,我想基础上,进入天,但我当我进入第二号取得更新行。

谢谢.. 任何参考链接或评论将不胜感激。

回答

3

如果我正确理解,你想要什么,所以你可以使用ngBlur指令。

这个例子是JSFiddle

<div ng-controller="MyCtrl"> 
    <span> field 1</span> 
    <input type="text" ng-model="field1" ng-blur="leftCursor()"> 

    <span> field 1</span> 
    <input type="text" ng-model="field2"> 
</div> 

myApp.controller('MyCtrl', function ($scope) { 
    $scope.leftCursor = function(){ 
     alert('Cursor has left current field!'); 
    }; 
}); 
+0

感谢其工作.. –

1

您正在寻找ng-blur,不ng-change:当一个元素失去焦点

模糊事件。 这个事件和重点的主要区别在于只有后者出现泡沫。

(来源:https://developer.mozilla.org/en-US/docs/Web/Events/blur

由于要在从第一个到第二个字段用户移动时,你需要附加ng-blur到第一场,因此触发之前的第二场得到重点提醒。

+0

感谢其工作.. –

1

根据您想要做

ng-mouseover当光标在元素

ng-focus当元素具有焦点是什么(当你点击输入它获得焦点)

ng-blur当元素失去焦点时(当你点击其他元素时,焦点的人失去焦点并触发模糊事件)

从您的描述看来,您需要使用ng-blur并验证输入失去焦点时的值。

+0

感谢它的工作.. –

相关问题