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

Question

我使用这个答案jQuery <select> simulation with input and div创建了一个下拉列表外观。我正在尝试使用户只选择列表中显示的选项，他不能在字段中输入自己的值。

如果他在输入字段中输入任何字符，则显示隐藏列表的链接，点击此链接后，用户在输入字段中输入的值将被清除，列表将再次显示给用户和焦点回到了现场。

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

欢迎任何有关此问题的见解。谢谢！

Answer 1

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

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

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