如何捕获角形反应场上的触摸事件?

时间:2019-02-01 02:15:36

标签: angular typescript

我一直在寻找解决方案,但是找不到我想要的。我有此表单,一旦碰到任何字段,我都想在 ngOnInit 中打消信息。到目前为止,如果我在任何字段中输入值,都可以显示一条消息(“您输入了一个值” ),但是我希望能够在用户触摸时显示一条消息>领域。谁能指出我正确的方向?这是我的代码。

LIVE DEMO 提前非常感谢!

 ngOnInit() {
 this.myForm.valueChanges.subscribe(res => {
  console.log("You entered a value");
  // Here I want to show a message ("A field has been touched") when any field of the form gets touched
 })
}

2 个答案:

答案 0 :(得分:0)

在Angular中使用(鼠标按下)事件

这是一个快速演示 StackBlitz

答案 1 :(得分:0)

对于表格AFAIK,没有任何可用的开箱即用的东西。

我想你可以利用HostListener被触发,例如在你想要的DOM事件,例如focusin。您可以在组件中使用它,也可以创建一个单独的指令。

示例:

@HostListener('focusin', ['$event']) onFocus(event) {
  console.log('a field was focused!')
}

希望这是一个合适的解决方法(我想它将被归类为一个?)