javascript - 仅在推送期间单击事件。角

Question

我需要意识到显示密码的眼睛。我不需要点击。只有当我推到眼睛时我才需要。

我的代码

HTML

<input [formControlName]="'password'" [type]="isShow ? 'text' : 'password'" class="input" />
<div class="icon-div">
   <mat-icon class="pointer-hover" (click)="toggleShow()" svgIcon="eye"></mat-icon>
</div>

TS

toggleShow(): void {
  this.isShow = !this.isShow;
}

是否有任何事件不是点击，可能类似于“oNclicking”？

标签： javascriptangular

Answer 1

您可以单独使用mousedown和mouseup事件而不是click事件。事实上，click事件是mousedown和mouseup事件的组合。来自文档：

clickmousedown在和mouseup事件都按顺序触发后触发。

<mat-icon class="pointer-hover" (mousedown)="isShow=true" (mouseup)="isShow=false" svgIcon="eye"></mat-icon>

您也不需要事件处理程序，因为标志isShow是直接在模板中切换的。