IE8 Löschen von JQuery-UI Autocomplete-Eingabefeld nach Auswahl

Question

Ich habe eine jquery_ui-Autocomplete. Wenn ich auf eine Auswahl in Firefox klicke, läuft mein Code wie erwartet. Wenn ich es in IE8 ausführe, löscht etwas die Auswahl aus dem Eingabefeld (nachdem mein Code ausgeführt wurde).

Ich kann den Code nicht identifizieren, der das Feld löscht - ich gehe durch den Code, aber es passiert an verschiedenen Stellen - ich überspringe viele Timeouts, also vielleicht eine davon.

Ich glaube, ich bin der Hoffnung, dass jemand über diese vor gekommen ist ..

UPDATE

OK, ich habe es geschafft, ein bisschen weiter die Frage auf die Spur. Es ist Code, den ich an ein Fokus-Ereignis angehängt habe, das den Text tatsächlich entfernt. Mein Problem scheint auf einen Unterschied in der Reihenfolge Ereignisse zu beziehen, sind zwischen ff gefeuert und also

Ich habe eine Demo auf jsfiddle zur Verfügung stand - http://jsfiddle.net/aidanewen/nKyLu/

Und ich habe meinen Code unten enthalten -

<script> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags, 
      select: function(event, ui) { 
       $('#output').val(ui.item.label); 
      } 
     }).focus(function(e) { 
      $(this).val(""); 
     }); 
    }); 
</script> 

<div id="content_padding"> 

     <div class="ui-widget"> 
      <label for="tags">Tags: </label> 
      <input id="tags"/> 
      <label for="output">Output: </label> 
      <input id="output"/> 
     </div> 

</div> 

Answer 1

die Lösung war return false zum Fokus Event hinzufügen -

$("#tags").autocomplete({ 
     source: availableTags, 
     select: function(event, ui) { 
      $('#output').val(ui.item.label); 
     } 
    }).focus(function(e) { 
     $(this).val(""); 
     return false; 
    });