Angular4 失焦与点击冲突处理

Angular4 处理鼠标失去焦点事件与Button按钮点击事件的冲突
问题:
注册界面中Input输入不符合验证格式时失去焦点需要弹出提示框,每个Input输入错误时都需要弹提示框,输入为空的提示框时最后点击提交按钮时弹出提示框,这样导致,input最后一个输入验证不符合格式要求时弹出的提示框与输入为空的弹出提示框同时出现。
解决方法:
经过不断的查询与验证找到解决方法, 使用鼠标事件mousedown方法。在添加button按钮事件同时添加鼠标 mousedown,由于mousedown方法会先于button事件执行,重置焦点,解决提示框同时弹出问题。
例如:

你可能感兴趣的:(angular)