Javascript Chrome和Firefox中不同的点击事件目标

Javascript Chrome和Firefox中不同的点击事件目标,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,在Chrome中发布之前,如果在输入元素中按下鼠标按钮并拖出到标题,我们将看到标题作为click事件目标,但在Firefox中,我们将看到输入字段作为事件目标。事件处理上的差异的原因是什么,以及如何在Chrome中实现Firefox行为 在这种情况下,safari也不会调度事件 有趣的事。这种“不正确”的行为只有在您启动输入字段上的点击事件并拖出标题时才能在Chrome中重现。若您从标题开始并在输入字段上完成它,您将看到预期的事件目标(标题) 尝试使用poitner事件和eventListene

在Chrome中发布之前,如果在输入元素中按下鼠标按钮并拖出到标题,我们将看到标题作为click事件目标,但在Firefox中,我们将看到输入字段作为事件目标。事件处理上的差异的原因是什么,以及如何在Chrome中实现Firefox行为

在这种情况下,safari也不会调度事件

有趣的事。这种“不正确”的行为只有在您启动输入字段上的点击事件并拖出标题时才能在Chrome中重现。若您从标题开始并在输入字段上完成它,您将看到预期的事件目标(标题)

尝试使用poitner事件和eventListener选项执行某些操作,但没有结果

我创建了用于检查此差异的

这里是一个布局示例,在这里可以重现这种情况

<div class="header" onclick="handleClick(event)">
  <input type="text" class="input" onclick="handleClick(event)">
</div>


你不可能在另一个里面有一个我今天发现了同样的东西。我正试图调试一个奇怪的行为。请注意,Safari的行为类似于Firefox。你不可能在另一个中有一个我今天发现了同样的东西。我正试图调试一个奇怪的行为。请注意,Safari的行为类似于Firefox。