jquery自动完成 – 显示菜单后,文本框a下方的鼠标会导致选择

2023年6月19日 225次阅读

我在页面顶部有一个
jquery自动完成文本框.通常,用户将在文本框中单击以使其聚焦,将鼠标移开,然后开始键入.如果用户将鼠标移动到自动完成下方,则他们的鼠标位置可能会无意中选择一个建议,即使他们没有做任何事情.当发生这种情况并且用户点击回车键时,自动完成功能会使用他们的无意选择.

由于我的自动完成位置,这是一个主要问题……它一直在发生,对我的用户来说非常令人沮丧.我需要一个解决方案,但我似乎无法获得自动完成功能,先给我一个按键事件.

这是我的例子：

http://jsfiddle.net/uqTv9/2/

最佳答案 只需你可以使用select事件来防止这样输入：

$('#query').autocomplete({
    source: [
        "A",
        "AAA",
        "AAAAA",
        "AAAAAAAAA",
        "AAAAAAAAA",
        "AAAAAAAAAAA",
        "AAAAAAAAAAAAAA",
        "AAAAAAAAAAAAAAAA",
        "AAAAAAAAAAAAAAAAAA",
        "AAAAAAAAAAAAAAAAAAAAA",
        "AAAAAAAAAAAAAAAAAAAAAAAA"
    ],
    select: function(e, ui) {
        if(e.which === 13 ) {  return false; }
    }
});

JSFIDDLE：http://jsfiddle.net/gurkavcu/xSKPz/1/

点赞