Как предотвратить повторный вызов функции между keyup.enter и кнопкой входа в систему?

Question

В следующей форме, когда фокус перемещается к кнопке входа в систему с помощью клавиатуры и нажатие клавиши ввода дважды выполняет функцию process (). Как заставить форму вызывать функцию process () только один раз во всех следующих случаях?

1) Пользователь нажимает (используя клавиатуру) кнопку ввода для отправки (независимо от того, на каком месте находится кнопка входа) 2) Пользователь нажимает на кнопку входа (с помощью мыши)

<form (keyup.enter)=process()>
    Email: <input name="email">
    Password: <input name="password">
    <button type="submit" (click)=process()>Login</button>
</form>

Спасибо!

Answer 1

Поместите в вашу process функцию e.preventDefault () , это остановит распространение событий.

process(e) {
  e.preventDefault();
 /* YOUR LOGIC */
}

Также посмотрите на это: e.stopPropagation ()