Угловое событие MouseClick

Question

У меня довольно часто возникает та же проблема, что и в этом обсуждении .

Я не могу воспроизвести ситуацию (так как обычно это происходит в сложном проекте), ноокружение может быть сокращено, как показано ниже:

<input id="input1" type="text" [(ngModel)]="value1" />
<button id="button1" type="button" (click)="onClick()">Button</button>

onClick() {
  console.log('click');
}

Тем не менее, когда фокус #input1 сфокусирован, и я пытаюсь нажать #button1, он не вызывает onClick()работать до второго щелчка.

Я нашел несколько других способов, которые иногда помогают решить эту проблему: например, использование NgZone или изменение (click) на (mousedown).Тем не менее, я хотел бы знать, почему это произошло?Есть ли что-то, что я могу иметь в виду, чтобы избежать такой ситуации во время разработки?

В обсуждении , я видел, что они говорят о том, что mouseup никогда не было зарегистрировано согласноизменилось мнение, но я не совсем понимаю, поэтому я снова задаю вопрос, надеюсь узнать больше о проблеме.Спасибо за помощь.

Answer 1

Попробуйте это

<button (click)="myMouseClicked($event)">Mouse Click</button>

Чем компонент вашего приложения

 export class AppComponent {

      myMouseClicked(event) {
        console.log(event);
        alert("Mouse Clicked");
      }

    }