Javascript 在两个文本字段之间更改光标时,Angular JS会收到警报
我有两个文本字段,输入完一些文本后,当光标从一个字段移到另一个字段时,我想得到提醒。我怎样才能在angular JS中实现它?我试过了,但当我只在第一个字段中输入第二个字母时,它开始发出警报 HTML: 在这里,我想根据输入后的天数更新行,但当我输入第二个数字时,我得到了 谢谢。。 任何参考链接或评论都将不胜感激。您正在寻找,而不是Javascript 在两个文本字段之间更改光标时,Angular JS会收到警报,javascript,jquery,angularjs,onchange,Javascript,Jquery,Angularjs,Onchange,我有两个文本字段,输入完一些文本后,当光标从一个字段移到另一个字段时,我想得到提醒。我怎样才能在angular JS中实现它?我试过了,但当我只在第一个字段中输入第二个字母时,它开始发出警报 HTML: 在这里,我想根据输入后的天数更新行,但当我输入第二个数字时,我得到了 谢谢。。 任何参考链接或评论都将不胜感激。您正在寻找,而不是ng change: 当元素失去焦点时,将触发模糊事件。 此事件和focusout之间的主要区别在于,只有后者会产生气泡 (来源:) 由于您希望在用户从第一个字段移动
ng change
:
当元素失去焦点时,将触发模糊事件。
此事件和focusout之间的主要区别在于,只有后者会产生气泡
(来源:)
由于您希望在用户从第一个字段移动到第二个字段时发出警报,因此需要将ng blur
附加到第一个字段,以便它在第二个字段获得焦点之前触发。您要查找的是,而不是ng change
:
当元素失去焦点时,将触发模糊事件。
此事件和focusout之间的主要区别在于,只有后者会产生气泡
(来源:)
由于您希望在用户从第一个字段移动到第二个字段时发出警报,因此需要将
ng blur
附加到第一个字段,以便在第二个字段获得焦点之前触发。如果我理解正确,您需要什么,以便可以使用指令
这是一个很好的例子
<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!');
};
});
字段1
字段1
myApp.controller('MyCtrl',函数($scope){
$scope.leftCursor=函数(){
警报('光标已离开当前字段!');
};
});
如果我理解正确,您需要什么,所以您可以使用指令
这是一个很好的例子
<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!');
};
});
字段1
字段1
myApp.controller('MyCtrl',函数($scope){
$scope.leftCursor=函数(){
警报('光标已离开当前字段!');
};
});
基于您想要做的事情
当光标位于图元上时
当元素具有焦点时(当您单击输入时,它将获得焦点)
当元素失去焦点时(当您单击其他元素时,聚焦的元素失去焦点并触发模糊事件)
根据您的描述,您似乎需要使用
ng blur
并在输入失去焦点时验证该值。基于您想要执行的操作
当光标位于图元上时
当元素具有焦点时(当您单击输入时,它将获得焦点)
当元素失去焦点时(当您单击其他元素时,聚焦的元素失去焦点并触发模糊事件)
根据您的描述,似乎需要使用ng blur
并在输入失去焦点时验证该值
<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!');
};
});