首頁 >web前端 >css教學 >如何防止在文字區域中按 Shift Enter 時提交表單?

如何防止在文字區域中按 Shift Enter 時提交表單?

Susan Sarandon
Susan Sarandon原創
2024-12-05 00:03:12384瀏覽

How Can I Prevent Form Submission on Shift Enter in a Text Area?

在文字區域中按Shift Enter:產生新行

當使用者在文字區域內按下Enter鍵時,提交表單是預期的行為。但是,如果同時按下 ShiftEnter,通常需要將插入符號移至新行而不是提交表單。

解:

這個問題有兩個主要解決問題:

1。修改現有程式碼:

如果存在導致 Enter 提交表單的現有腳本,請修改它以檢查 Shift 鍵。這是一個範例:

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

2。使用JavaScript 和jQuery:

如果您無權存取現有程式碼,請使用JavaScript 和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();
    }
});

此程式碼將插入換行符(n ) 當按下Shift Enter 時進入文字區域,防止表單正在提交。

以上是如何防止在文字區域中按 Shift Enter 時提交表單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn