Jquery在点击回车时自动完成
Jquery autocomplete on hit enter
我有以下jquery自动完成:
$(function() {
$("#my_ac").autocomplete({
source: [
{
label: "/Tom-Hanks",
value: "Tom Hanks",
description: "Actor",
image: "hanks.png"
},
{
label: "/Termionator-2",
value: "Termionator 2",
description: "Movie",
image: "terminator.png"
}
],
minLength: 1
}).data( "autocomplete" )._renderItem = function( ul, item ) {
var inner_html = '<a href="' + item.label + '"><div class="list_item_container"><div class="image"><img src="' + item.image + '"></div><div class="label">' + item.label + '</div><div class="description">' + item.description + '</div></div></a>';
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append(inner_html)
.appendTo( ul );
};
});
当用鼠标点击生成的div(class=list_item_container)时,它会将您转移到"标签"链接。我如何在点击回车键时也转移到同一个链接?
您可以在自动完成中使用select事件。在这里,我假设您的标签是您希望从示例中重定向的url。
$("#my_ac").autocomplete({
select:function(event,ui){
if(event.keyCode==13){
window.location = ui.label;
}
},
........
});
点击此处查看有关自动完成选择事件的更多信息
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何使用jQuery自动打开页面上的所有链接
- 如何使用jquery在填充自动完成的值后使文本框只读
- jQuery:循环一个具有不同超时值的循环
- 用程序搜索JQuery数据表中的文本
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- jQuery匹配JSON对象的部分文本
- Jquery POST未填充数组
- JQuery使计数器每次更改时都会增加
- 如何在Angular2中使用jQuery插件
- 提高JQuery的性能
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Jquery在点击回车时自动完成
- 我将如何使用jquery在html文本区域中按回车符时添加换行符
- 如何创建AngularJS指令以在按下回车按钮时提交jquery对话框
- 为什么jQuery's val()去掉回车符?
- 如何处理使用jQuery时的回车与textarea文本追加
- jQuery按键工作正常,除按回车外
- 使用range保留选择中的换行符和回车符?Javascript / jquery
- jQuery textarea将回车替换为纯文本