Question

我想知道当选择输入时发生的角度是否为任何事件，当我点击鼠标输入时（选择）不起作用

HTML：

<div (seeked)="setFocus($event.target.name)">
// I tried (focus) (select) (input) (click)<-this one is closest
<input type="text" name="input1">
<input type="text" name="input2">
</div

我在角度2.4.1上工作 [编辑]

Answer 1

您可以使用活动的焦点事件：

<input type="text" (focus)="focusFunction()" (focusout)="focusOutFunction()"/>

查看此链接： HTML5 event handling(onfocus and onfocusout) using angular 2

Answer 2

您应该使用更改事件

onChangeDepartment() {
    console.log("select event");
  }

 <md-select name="department" [(ngModel)]="reportFilter.department" #departmentTemp="ngModel" (change)="onChangeDepartment()"
          required>
          <md-option *ngFor="let department of departments" [value]="department">{{department.name}}</md-option>
        </md-select>

Answer 3

输入文字类型：(focus)="functionToCall()"

Answer 4

您可以使用Angular事件绑定来响应任何DOM event。许多DOM事件由用户输入触发。绑定到这些事件提供了一种从用户获取输入的方法。

要绑定到DOM事件，请在括号中包围DOM事件名称，并为其指定带引号的模板语句。

  <input type="text" (focus)="myOnFocus($event)">

source

如果您想避免将事件绑定到每个输入，那么创建指令并将其附加到所有输入check this answer将更容易/更干净。

选择输入时的Angular 2事件

4 个答案: