Eingabetextvorschläge in Edge deaktivieren?

Question

Ich habe eine Textbox DropDown AngularJS Komponente, die gut in Chrome, Firefox, Safari und Internet Explorer funktioniert.

Ein Merkmal dieser Komponente besteht darin, dass Sie eine Zeichenfolge eingeben und dann mit den Pfeiltasten nach oben/unten durch die Vorschläge blättern können.

In Microsoft Edge, sobald Sie den Pfeil nach unten schlagen, wird der folgende Text in das Feld Eingabe hinzugefügt:

kurz die Änderungen erklären (korrigierte Rechtschreibung, feste Grammatik, verbesserte Formatierung)

Gibt es irgendetwas, was ich tun kann, um dies zu verhindern?

<form> 
 
    <input type="text" />  
 
</form>

Um dies zu demonstrieren, die oben snipper, geben Sie etwas in das Textfeld und drücken Sie den Pfeil nach unten zweimal am Rand laufen. Ich möchte das nicht passieren, da es meine Autocomplete bricht!

Dank

Answer 1

Wenn ich richtig verstehe, haben Sie ein Problem mit der Funktion zur automatischen Vervollständigung. Fügen Sie einfach "autocomplete = 'off'" zu Ihrer Eingabe hinzu, und das sollte die Funktion deaktivieren.

<input type="text" autocomplete="off"/> 

Answer 2

, wenn Sie es brauchen app/siteweiten Sie jquery verwenden können:

$('input').attr('autocomplete','off'); 

Oder wenn Sie wie ich und mit Angular + ui-Router Sie könnten versuchen, die folgenden:

In Ihrem index.html fügen das folgende Skript:

<script type="text/javascript"> 
    setTimeout(function() { 
     $('input').attr('autocomplete', 'off'); 
    }, 2000); 
</script> 

Dann Zustandsänderungen abzudecken, das folgende in der Root-Controller hinzuzufügen:

$rootScope.$on('$stateChangeStart', function() { 
       $timeout(function() { 
        $('input').attr('autocomplete', 'off'); 
       }, 2000); 
      }); 

Die Timeouts sind für die HTML vor dem Auftragen der jquery zu machen.

Wenn Sie eine bessere Lösung finden, lassen Sie es mich bitte wissen.

Answer 3

Von Mozilla: Sie können die zur automatischen Vervollständigung auf dem tatsächlichen Formular-Tag <form autocomplete='off' ... >...</form> eingestellt, die für die gesamte Form arbeiten, oder auf einzelne <input type='text' /> Tags.

Nach meiner Erfahrung auf IE 11 und Edge setzen es auf das Formular funktioniert, aber einzelne Tags funktioniert nicht. Ich habe versucht, Chrome zu testen, aber die Felder waren bereits nicht automatisch vervollkommnend.

Bitte lesen Sie die vollständige Article für weitere Informationen.

HINWEIS

Die meisten Browser diese Felder für die Anmeldung außer Acht lassen.