当文本输入具有焦点时,单击按钮时不会触发单击事件

时间:2019-06-07 15:21:22

标签: javascript angular angular-forms

我有一个角度为5的搜索字段输入-有一个结果网格需要根据该搜索字段进行更新(并且效果很好)。我的搜索字段是 ControlValueAccessor 。当用户单击搜索字段(有选择地搜索某些内容)然后单击按钮之一时,文本字段将失去焦点,但不会触发单击事件。根本不会触发任何鼠标或指针事件。仅在输入上触发焦点事件onBlur。此onBlur事件不会阻止冒泡(事实证明,有一个控件可以清除有效的搜索字段)。

再次单击该按钮即可。 切换按钮和搜索字段位于不同的组件中

  • paginated-toggle-control.component :包含切换按钮和以下组件:
  • search.component :包含搜索字段

搜索字段中还有一个“ x” div,当该字段中有文字时,它会出现在右侧。这是一个单独的div,其中注册了单击事件以清除搜索字段。输入集中时单击此控件产生点击事件。

我不清楚如何诊断这个问题。

我举了一个例子来说明这个问题: https://codesandbox.io/s/angular-yh42s 问题是,它有效。不确定项目设置和在线可用的版本,角度版本或其他版本之间是否有区别。

0 个答案:

没有答案