上单击超链接的停止模糊事件(Stopping a blur event on Click of a

我用这个答案jQuery的<选择>模拟输入和DIV来创建一个下拉看起来很相像。 我想用户只选择列表中显示的选项的品牌和他不能在字段中输入了自己的价值。

如果他进入输入字段中的任何字符，然后一个链接将显示与隐藏在该链接的点击，用户输入的输入字段的值被清除，列表再次显示给用户和焦点返回到列表领域。

但是，什么情况是在这个环节的点击，列表中出现，被立即模糊。 但是，我想名单留下来。 我用鼠标悬停事件来解决这个问题，但显然有人告诉我只用单击事件。 下面是代码- > http://jsbin.com/uxerus/25/edit

在这个任何见解是值得欢迎的。 谢谢！！

Answer 1:

请尝试返回焦点到输入值更新后（ 演示 ）：

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

我没有测试过这一点，但IE浏览器可能会移动插入符开始，而其他浏览器将它移动到结束。 为了解决这个问题，你需要使用插入符号插件或添加了一堆更多的代码。

文章来源: Stopping a blur event on Click of a hyperlink