我们可以只在用户按下回车 (enter) 键的时候才获取输入框的值
(keyup) 事件处理语句会监听到每一次按键,我们可以过滤按键,比如每一个 $event.keyCode,只有在按下回车键才更新 values 属性
angularJS 可以为我们过滤键盘事件,通过绑定到 AngularJS 的 keyup.enter 伪事件监听回车键的事件
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<input #box (keyup.enter)="values=box.value">
<p>{{values}}</p>
`
})
export class AppComponent{
values = '';
}
我们可以使用 blur ( 失去焦点 ) 事件,它可以再元素失去焦点后更新 values 属性
下面的代码同时监听输入回车键与输入框失去焦点的事件
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<input #box
(keyup.enter)="values=box.value"
(blur)="values=box.value">
<p>{{values}}</p>
`
})
export class AppComponent{
values = '';
}
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!