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

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

Susan Sarandon
發布: 2024-12-05 00:03:12
原創
315 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板