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