Abschließen mit regexp

Question

Ich mag einen autocompleteer für den Eingang meines Web-Browser machen, zum Beispiel, wenn Sie die Tab-Taste drücken, wird das Wort htt selbst komplette tp:// auf den Wert meines Eingangs

Des hinzufügen Die Autokomplettierungseigenschaft muss nur gültig sein, wenn der Benutzer am Anfang der URL "htt" eingibt.

Ich dachte, die automatische Vervollständigung von einem regulären Ausdruck validiert zu machen:

if(event.keyCode == 9){ 
     if(myInput.value.match(/^(h|ht|htt|http|http:|http:\/)/)){ 
      myInput.value = "http://"; 
     } 
} 

Aber das Ergebnis ist nicht das erwartete ein ...

Answer 1

Drei Dinge zu ändern:

• Sie zuweisen nicht myInput.value, weil Sie dort einen Vergleich mit == anstelle von = haben.
• Der reguläre Ausdruck sollte besser ein Ende des String-Ankers $ haben oder sonst ein Text nach dem anfänglichen "h" (vielleicht nach der Bearbeitung des "http", das schon da war) könnte ersetzt werden - wahrscheinlich unerwünscht.
• Das Standardverhalten der TAB-Taste sollte besser aufgehoben werden, damit die automatische Vervollständigung nicht nur möglich ist, wenn Sie das Eingabefeld verlassen. Das Ändern des Standardverhaltens des TAB-Schlüssels würde jedoch nicht meine Präferenz haben.

Hier ist ein funktionierendes Schnipsel:

myInput.addEventListener('keydown', function (event) { 
 
    if (event.keyCode == 9){ 
 
     if(this.value.match(/^(h|ht|htt|http|http:|http:\/)$/)){ 
 
      this.value = "http://"; 
 
     } 
 
     event.preventDefault(); 
 
    } 
 
});

<input id="myInput">