JavaScript Click事件是通过Enter键触发的，而不是通过Mouse触发的

Question

类似于以下代码的某些代码通过Enter键触发了click事件，但没有响应鼠标单击。

//a is an anchor element
a.addEventListener('click', function (e)
{
    //Do Stuff...
});

此页面演示了该问题。 相关的代码位在第176行。这是在开发过程中，目前（仅）在Chrome中有效 。

另外，我刚刚验证了如果使用mousedown可以正常工作，因此不只是锚点前面不可见元素的情况。

有任何想法吗？

Answer 1

编辑：现在，您已经向我们展示了正在使用的实际代码，该问题与以下事实有关： autoSuggest()函数具有其自己的单击处理程序，并且在该单击处理程序中，它正在清除容器，该容器将删除所有<a>容器中的元素，因此您的链接对象将被销毁（可能在click事件得到处理之前）。 因此，您可以获得在单击之前发生的事件（例如，鼠标按下），但是在单击之后，该元素将从DOM中删除。

如果您告诉我们单击自动建议项与autoSuggest()函数的默认行为不同时要尝试执行的操作，并且您指向该函数的任何文档，那么也许我们可以提供更好的选择解决您的问题的方法。

---

该链接可能会触发并带您进入新页面（或重新加载当前页面），从而使您无法查看点击代码的运行情况。 通常，当您处理链接元素上的click事件时，您需要防止默认行为：

//a is an anchor element
a.addEventListener('click', function (e) {
    e.preventDefault();
    //Do Stuff...
});

另一种可能性是，您试图在加载DOM之前或在创建此特定链接之前过早安装事件处理程序，因此没有实际的单击事件处理程序附加到DOM对象。 您可以通过暂时放置alert("Click handler called");来验证事件处理程序是否被调用alert("Click handler called"); 在事件处理程序中查看是否弹出。