Wie kann ich die Formularübermittlung bei der Umschalteingabe in einem Textbereich verhindern?

Umschalt-Eingabetaste im Textbereich: Erzeugen einer neuen Zeile

Wenn Benutzer die Eingabetaste in einem Textbereich drücken, Das Absenden des Formulars ist das erwartete Verhalten. Wenn jedoch Umschalt in Kombination mit Eingabetaste gedrückt wird, ist es oft wünschenswert, die Einfügemarke in eine neue Zeile zu verschieben, anstatt das Formular abzuschicken.

Lösung :

Hierfür gibt es zwei Hauptlösungen Problem:

1. Vorhandenen Code ändern:

Wenn ein Skript vorhanden ist, das dazu führt, dass Enter das Formular sendet, ändern Sie es, um nach der Umschalttaste zu suchen. Hier ein Beispiel:

if (evt.keyCode == 13 && !evt.shiftKey) {
    form.submit();
}

2. Verwenden Sie JavaScript und jQuery:

Wenn Sie keinen Zugriff auf den vorhandenen Code haben, implementieren Sie diese Lösung mit JavaScript und jQuery:

$("#your_textarea_id").keydown(function(evt) {
    if (evt.keyCode == 13 && evt.shiftKey) {
        pasteIntoInput(this, "\n");
        evt.preventDefault();
    }
}).keypress(function(evt) {
    if (evt.keyCode == 13 && evt.shiftKey) {
        pasteIntoInput(this, "\n");
        evt.preventDefault();
    }
});

Dieser Code fügt ein Zeilenumbruchzeichen ein (n) in den Textbereich, wenn Shift Enter gedrückt wird, wodurch das Formular verhindert wird einreichen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Formularübermittlung bei der Umschalteingabe in einem Textbereich verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!