jquery - 单击超链接时停止模糊事件

Question

我使用这个答案jQuery <select> 模拟与输入和 div来创建一个看起来相似的下拉列表。我正在尝试使用户仅选择列表中显示的选项，并且他无法在该字段中输入自己的值。

如果他在输入字段中输入任何字符，则会显示一个隐藏列表的链接，单击此链接时，用户在输入字段中输入的值被清除，列表再次显示给用户，焦点返回到场地。

但是，点击这个链接会发生什么，列表会立即出现并变得模糊。但是，我希望列表保留。我使用鼠标悬停事件来克服这个问题，但显然我被告知只使用点击事件。这是代码--> http://jsbin.com/uxerus/25/edit

欢迎对此提出任何见解。谢谢！！

Answer 1

在值更新后尝试将焦点返回到输入（demo）：

$('#content span').click(function(){
    $('#input').val($(this).html()).focus();
    $('#content').hide();
});

我没有对此进行测试，但 IE 可能会将插入符号移到开头，而其他浏览器会将其移到末尾。要解决此问题，您需要使用插入符号插件或添加更多代码。