当命中其他元素的返回时，jQueryUI自动完成+ Combobox小部件会被聚焦

Question

我在具有多个输入的表单中使用jqueryUI autocomplete + Combobox小部件。

当我选中复选框并点击返回时，我立即关注组合框生成的输入元素。这发生在每个输入元素上，而不是选择。

我该如何避免这种情况？

http://jsfiddle.net/cLxkyd1r/

（选项卡到第二个复选框点击返回）

代码：

<form id="filterForm">
    <input type="checkbox" value="abc">
    <input type="checkbox" value="abc">
    <input type="checkbox" value="abc">
    <input type="checkbox" value="abc">
    <input type="checkbox" value="abc">
    <select class="combobox">
        <option value="1">123</option>
        <option value="2">ASDF</option>
        <option value="3">Max</option>
        <option value="4">Pain</option>
    </select>
</form>

Answer 1

您可以使用e.preventDefault（）或返回false以防止此默认行为：

$('input[type="checkbox"]').keydown(function(e){

if(e.keyCode == 13) {

    if($(this).is(':checked')) {
       $(this).prop('checked', false).checkboxradio("refresh"); 
    } else {
         $(this).prop('checked', true);   
    }
    return false;
}
});