jquery自动完成目标元素上的停止焦点

我在可编辑的contentdiv上使用jquery自动完成，比如myDiv。它工作得很好。当我浏览“自动完成”菜单项并到达顶部时，按向上键myDiv获得焦点。如果我再次按向上键，菜单中的最后一项将聚焦。导航菜单项时，我想停止关注目标。有办法吗

使现代化 我做了一把小提琴

台阶 添加两项 键入其他项目的名称 导航至顶部项目，然后按向上键。您将看到div获得了焦点，而我的ui风格丢失了。

---

你能提供一个提琴吗？这是提琴

$(function() {

var selectedLanguages = [];

var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];
function split( val ) {
  return val.split(/[\s|\u00A0]/);
}
function extractLast( term ) {
  return split( term ).pop();
}

$( "#tags" )
  // don't navigate away from the field on tab when selecting an item
  .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 ) {
      // delegate back to autocomplete, but extract the last term
      response( $.ui.autocomplete.filter(
        availableTags, extractLast( request.term ) ) );
    },
    focus: function() {
      // prevent value inserted on focus
      return false;
    },
    select: function( event, ui ) {
      var terms = split( this.innerHTML );
      // remove the current input
      terms.pop();
      // add the selected item
      selectedLanguages.push( ui.item.value );
      terms.push(" ");
      //this.value = terms.join( ", " );
      addTags(selectedLanguages);
      return false;
       }
     });
});

    function addTags(tags){
        $("#tags").html("");
        var tagHtml = "";
        for(var i in tags){
           tagHtml+="<span>"+tags[i] +"</span>&nbsp;";
        }
        $("#tags").html(tagHtml);
    }