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

Question

我使用这个答案jQuery <select> simulation with input and div 来创建一个相似的下拉列表。我正在尝试让用户只选择列表中显示的选项，并且他无法在该字段中输入自己的值。

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

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

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

Answer 1

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

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

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