Javascript, um Eingabefelder im Bearbeitungsmodus zu erstellen (Einfügemodus)

Nach dem Googeln scheint dies zu sein um verwandt zu sein. Es könnte funktionieren, das Spiel mit dem folgenden Code ein wenig zu versuchen, aber es funktioniert möglicherweise nur in bestimmten Browsern auf bestimmten Betriebssystemen, aber es lohnt sich trotzdem.

Nach Ihrer Anfrage würde ich sagen, dass die Implementierung in etwa so funktioniert:

BEARBEITEN: Kann völlig außer Thema sein, abhängig von der Bedeutung hinter der Frage.

Wenn Sie jQuery verwenden können, Jeditable ist ein nettes Plugin , um genau das zu tun.

Wenn Sie Ihren eigenen Code rollen müssen, schauen Sie sich an, wie das Plugin funktioniert und verwenden Sie es als Ausgangspunkt.

Grundsätzlich sind die Schritte:

1. onFocus / onClick - tausche dein Feld gegen eine Eingabe.
2. Wenn der Benutzer "fertig" ist (drücken Sie Enter, klicken Sie auf eine Schaltfläche), schieben Sie das Ergebnis über Ajax zurück auf den Server.
3. Wenn Ihre Anfrage abgeschlossen ist, aktualisieren Sie die Schnittstelle mit dem neuen Wert und verstecken Sie die Eingabe.

Sie können versuchen, den Insert-Modus nachzuahmen, indem Sie den Eingabewert auf keyup umschreiben:

Hier ist eine Demo: Ссылка

Ich habe eine komplexere Lösung für die anderen Browser als IE hier (siehe Kommentare der angenommenen Antwort):

Overtype-Modus mit jquery