javascript - onFocus 干扰 onClick

标签 javascript html css reactjs

我想显示一个带有函数调用的自动完成列表,当在该输入字段上触发 onFocus 事件并在单击列表项时调用另一个函数 enter image description here

但是当我尝试单击列表项时,输入字段失去焦点,列表关闭并且未触发列表项的 onClick 事件。

我该如何解决这个问题?

最佳答案

当我从输入文本中移除焦点时,自动完成列表被隐藏,我无法获得单击的列表项。我使用了 OnMouseDown 而不是 OnClick,因为 OnMouseDown 在 OnBlur 之前被触发并且它获取列表项然后才移除焦点。

关于javascript - onFocus 干扰 onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43174176/

相关文章:

javascript - Ajax 响应需要时间来填充

javascript - 如何将标题栏中的输入字段向右扩展

javascript - “Object doesn' t 支持此属性或方法”错误 - JQuery .validate 方法

css - 如何仅清除清除元素父级内的那些 CSS float block ?

javascript - 如何选择然后取消选择区域?

html - 使用 CSS 使父 div 独立于父 div

javascript - Internet Explorer 11 中的 Jquery 对话框问题

javascript - Prism.js 不显示标记

css - 快速 Z-Index 问题

html - 外部发光环绕图像?