Jquery 剑道自动完成-将光标设置在自动完成文本的开头

Jquery 剑道自动完成-将光标设置在自动完成文本的开头,jquery,css,kendo-ui,autocomplete,focus,Jquery,Css,Kendo Ui,Autocomplete,Focus,请看这个例子 当我使用“自动完成”功能选择值:超长国家/地区名称,该值不适合输入框时,我从浏览器中获得以下行为: Chrome:默认情况下,文本的开头显示良好 Internet Explorer:默认情况下,文本的结尾显示为不正确,但我可以通过select事件处理程序中的focus和setSelectionRange调用进行修复 Firefox:默认情况下,文本的结尾显示为“坏”,在这种情况下,我找不到任何要修复的内容 有人知道我如何在Firefox中解决这个问题吗 谢谢 问题取决于关闭弹出窗口

请看这个例子

当我使用“自动完成”功能选择值:超长国家/地区名称,该值不适合输入框时,我从浏览器中获得以下行为:

Chrome:默认情况下,文本的开头显示良好

Internet Explorer:默认情况下,文本的结尾显示为不正确,但我可以通过select事件处理程序中的focus和setSelectionRange调用进行修复

Firefox:默认情况下,文本的结尾显示为“坏”,在这种情况下,我找不到任何要修复的内容

有人知道我如何在Firefox中解决这个问题吗


谢谢

问题取决于关闭弹出窗口建议的延迟

您可以考虑在运行代码之前等待几毫秒。如果你注意的话,这个问题也适用于chrome和ie

select: function (e) {
    setTimeout(function () {
        $("#countries").focus();
        $("#countries")[0].setSelectionRange(0, 0);
    }, 100);
}
风险值数据=[ 奥地利 阿塞拜疆, 超长的国家名称,不适合放在盒子里, 乌克兰,, ]; $countries.kendoAutoComplete{ 数据源:数据, 占位符:选择国家。。。, 分隔符:, 选择:功能e{ setTimeoutfunction{ $countries.focus; $countries[0]。设置选择范围0,0; }, 100; } }; html{ 字体大小:14px; 字体系列:Arial、Helvetica、无衬线字体; }
谢谢,先生,添加延迟修复了Firefox中的问题!