在兩個文本框之間更改光標時，Angular JS會發出提醒

我有兩個文本字段我想在輸入某些文本完成後將光標從一個字段移動到另一個字段時獲得警報。我怎樣才能在角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'); 
};

在這裏，我想基礎上，進入天，但我當我進入第二號取得更新行。

謝謝.. 任何參考鏈接或評論將不勝感激。

來源

2014-12-22 Shylendra Madda

如果我正確理解，你想要什麼，所以你可以使用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!'); 
    }; 
});

來源

2014-12-22 14:30:29

感謝其工作.. –

您正在尋找ng-blur，不ng-change：當一個元素失去焦點

模糊事件。這個事件和重點的主要區別在於只有後者出現泡沫。

（來源：https://developer.mozilla.org/en-US/docs/Web/Events/blur）

由於要在從第一個到第二個字段用戶移動時，你需要附加ng-blur到第一場，因此觸發之前的第二場得到重點提醒。

來源

2014-12-22 14:29:46 awendt

感謝其工作.. –

根據您想要做

ng-mouseover當光標在元素

ng-focus當元素具有焦點是什麼（當你點擊輸入它獲得焦點）

ng-blur當元素失去焦點時（當你點擊其他元素時，焦點的人失去焦點並觸發模糊事件）

從您的描述看來，您需要使用ng-blur並驗證輸入失去焦點時的值。

來源

2014-12-22 14:32:55 marquez

感謝它的工作.. –

在兩個文本框之間更改光標時，Angular JS會發出提醒

回答

相關問題