【问题标题】:onFocus interferes with onClickonFocus 干扰 onClick
【发布时间】:2017-08-27 16:51:45
【问题描述】:

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

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

我该如何解决这个问题?

【问题讨论】:

  • 你试过调试你的 JavaScript 吗?这更有可能是原因,而不是 CSS。
  • 是的,我已经尝试在单击时 console.log 一些东西,它可以工作,但只有当
    更改为
  • 尝试在开头添加onClick处理程序event.preventDefault();
  • 谢谢,但没用
  • 需要查看代码才能知道发生了什么。你能给一个显示错误的jsfiddle吗?

标签: javascript html css reactjs


【解决方案1】:

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

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签