JQuery中有这样一段代码求大神进行详细解释.$("#mileagevehiclenums").bind("keydown",function(event){if(event.keyCode===$.ui.keyCode.TAB&&$(this).data("ui-autocomplete").menu.active){//这又是什么方法?event.preventDefault()

Question

JQuery中有这样一段代码求大神进行详细解释.
$("#mileage_vehicle_nums").bind("keydown",function(event) {
if(event.keyCode === $.ui.keyCode.TAB && $(this).data("ui-autocomplete").menu.active) {
//这又是什么方法?
event.preventDefault();
}
}).autocomplete({
//这是些什么参数?
minLength:0,
source:function(request,response) {
response($.ui.autocomplete.filter(vehicleNumArray,extractLast(request.term)));
},
focus:function(event,ui) {
return false;
},
select:function(event,ui) {
var terms = split(this.value);
terms.pop();
terms.push(ui.item.label);
terms.push("");
this.value = terms.join(",");
return false;
}
})

Answer 1

1,查找id为mileage_vehicle_nums的元素,并为它绑定一个事件,事件名字keydown（键盘按下）,function为事件函数
2,获取发出事件的按键,判断它是否是TAB键,那个等号应该只有两个吧.&&后面那个是jquery插件的方法
3,autocomplete是自动完成数据的方法,minLength是最短字符,0代表不输入任何字符也会触发这个函数.source是自动完成的数据,就是要自动显示哪些数据.focus是鼠标移到选项上的事件,select是选中选项的事件
根据这个判断,查找到的应该是一个文本框,这个函数的功能也就是和把一个文本框变成下拉列表框的功能,只是可以更智能.
整个函数执行过程过程就,是选中文本框之后,触发显示候选数据事件.鼠标移动到候选数据上,执行一个函数.鼠标选中一个候选项,执行一个函数.
这些都是jquery ui插件的功能,我的英语差,翻译可能不准,你自己去jquery ui的官网看下吧,里面介绍很详细,只是是英文的.