li点击事件不起作用

Question

您好我正在创建一个使用li和输入文本的搜索框。

每当点击搜索结果时，我想根据搜索框的选定结果加载页面。

搜索结果是li的形式，我绑定了以下点击事件。

以下点击事件不会触发

$("li").click(function(){
    alert("HI");
    alert($(this).text());
    return false;
});

有关详细信息，请参阅JS小提琴：

http://jsfiddle.net/amitsant/2zhk209v/3/

Answer 1

只听mousedown而不是click。发生这种情况是因为点击等待mouseup事件，因为blur首先出现，所以永远不会触发，隐藏面板。

$("li").mousedown(function(){
...

工作小提琴：http://jsfiddle.net/3umj3fup/