按下回车键后阻止自动完成建议列表
Prevent Autocomplete suggest list after entery key is press
我已经在knockout中实现了jquery自动完成插件,它的功能运行良好。
有一个需求标签和关键字搜索。当来自autosuggest的数据是标签搜索,而手动键入的是关键字搜索时,它将在按下回车键后执行搜索。
当我键入一些关键字并按下回车键时,问题来了——文本输入值应该形成为taggedit样式的控件,并且自动建议在一段延迟后加载,在这种情况下不应该加载。当我从建议列表中选择数据时,点击回车键工作正常。
如果加载延迟,如何在键入并按下回车键后防止自动建议列表
编辑:
$(function() {
var availableTags = [
"item1","item2","item3"
];
$("#search").autocomplete({
source:availableTags,
minLength: 0
}).keyup(function (e) {
if(e.which === 13) {
$(".ui-menu-item").hide();
}
});
});
我使用了以下代码使其工作。但正在寻找更好的解决方案。
keyup(function (e) {
if(e.which === 13) {
$("#txtSearchAuto").autocomplete({
disabled: true
});
}
并在css 中添加了样式
.ui自动完成已禁用{display:none!important}
并最终启用文本框按键事件中的自动完成
if (event.keyCode !== 13){
if (self.SearchInput().length >=2)
$("#txtSearchAuto").autocomplete({
disabled: false
});
}
相关文章:
- 要求输入在数据列表中
- 从javascript创建一个列表
- 如何使用jQuery选择下拉列表的值
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- 如何使用json将对象列表从java转换为javascript
- 区分JSON中的矩阵和列表列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 接受不在列表中的值-引导组合框
- 禁用jQuery中的下拉列表
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 如何在javascript中迭代数字列表
- 如何在按钮中显示下拉列表中选定的元素
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 角度的项目列表 ng 重复,ng 单击显示全宽描述