jquery - 当使用箭头键聚焦时，使用 Jquery 自动完成在输入上显示自定义标签

Question

当悬停/关注项目结果时，如何覆盖在输入上显示项目标签的默认行为？

示例不起作用：

JavaScript：

$('#ac').autocomplete({
    source : ["hello", "how", "do", "you", "do"],
    focus: function(event, ui){
         console.log("print")
         $(this).val('my custom label to show in input');    
    }
})

HTML：

<input type="text" id="ac"/>

http://jsfiddle.net/34fSg/14/

Answer 1

阻止 event 的默认操作，即将输入的值替换为焦点项的值：

$('#ac').autocomplete({
    source : ["hello", "how", "do", "you", "do"],
    focus: function(event, ui){
         this.value = 'my custom label to show in input';
         event.preventDefault(); // <-----
    }
})

示例：http: //jsfiddle.net/4jJyb/