Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动完成悬停删除自动填充_Javascript_Jquery_Jquery Ui_Jquery Ui Autocomplete - Fatal编程技术网

Javascript 自动完成悬停删除自动填充

Javascript 自动完成悬停删除自动填充,javascript,jquery,jquery-ui,jquery-ui-autocomplete,Javascript,Jquery,Jquery Ui,Jquery Ui Autocomplete,我正在尝试稍微改变自动完成的行为。我这里有一个模型,它产生了想要的结果(一个la chrome地址栏)——如下图所示(目前区分大小写) 我遇到的问题是,当显示“自动完成”列表时,我将鼠标悬停在列表中的项目上,输入值变回输入的术语,而不是使用“自动填充”停留在调整后的术语上。i、 在上图中,它将从Hackn[ey,南非东开普省]变为Hackn 我想这是一个默认的自动完成行为,我需要克服,但我无法解决它。我尝试了focus:false和blur:false,但没有效果 谢谢。这就是您想要实现的目标

我正在尝试稍微改变自动完成的行为。我这里有一个模型,它产生了想要的结果(一个la chrome地址栏)——如下图所示(目前区分大小写)

我遇到的问题是,当显示“自动完成”列表时,我将鼠标悬停在列表中的项目上,输入值变回输入的术语,而不是使用“自动填充”停留在调整后的术语上。i、 在上图中,它将从Hackn[ey,南非东开普省]变为Hackn

我想这是一个默认的自动完成行为,我需要克服,但我无法解决它。我尝试了
focus:false
blur:false
,但没有效果


谢谢。

这就是您想要实现的目标吗?输入文本将根据悬停的项目进行更改?只需覆盖焦点事件:

focus: function(event, ui){
        $("#location").val(ui.item.label);
        return false;
    },

如果您希望文本始终设置为第一个索引,并且在悬停在列表上时不会更改,则可以将其设置为结果列表的第一个索引。

不确定我是否使用了错误的方法,但我在您的小提琴中没有看到这种行为?当我在文本框中输入一个术语并将鼠标悬停在列表上时,没有任何变化。文本框只更新列表项的一次点击。是的,对不起,尝试一个区分大小写的例子(我还没有时间让它变得有意义)。如果您键入'Hackn'(大写字母H)并等待一秒钟,输入将自动填入第一个结果。现在将鼠标悬停在列表上,应该只返回输入的术语。除非存在浏览器差异。我目前只使用Chrome。不完全是-尽管这个建议确实让我找到了这个
焦点:函数(事件,ui){var I=$(“#位置”).val().length;$(“#位置”).val(建议);//选择剩余的未输入值$(“#位置”)。selectRange(I,suggestion.length);返回false;}
-尽管这感觉还是有点脏。当第一次出现悬停时,所选输入部分也会闪烁,这并不理想。试试看,当自动填充发生时,我完全移除了焦点状态,只需重新定义打开时的搜索词,就可以解决这个问题