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

我用了这个答案jQuery 模拟输入和 div https://stackoverflow.com/questions/11228628/jquery-select-simulation-with-input-and-div创建一个看起来相似的下拉菜单。我正在尝试让用户仅选择列表中显示的选项，并且他无法在字段中输入自己的值。

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

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

欢迎对此有任何见解。谢谢！！

尝试在值更新后将焦点返回到输入（demo http://jsbin.com/uxerus/40/edit):

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

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