首頁 > web前端 > css教學 > 如何偵測「Shift Enter」在文字區域中插入新行而不是提交表單?

如何偵測「Shift Enter」在文字區域中插入新行而不是提交表單?

Patricia Arquette
發布: 2024-11-30 09:25:13
原創
395 人瀏覽過

How Can I Detect

偵測「Shift Enter」並在文字區域中插入新行

預設情況下,按文字區域內的「Enter」鍵提交表單。但是,您希望保留此功能,同時還允許使用者透過按下「Shift」「Enter」組合鍵來建立新行。以下是如何在 JavaScript 中實現此目的:

如果您控制使「Enter」提交表單的腳本,只需修改程式碼以檢查「Shift」鍵是否未被按下。例如,將:

...更改為:

但是,如果您無權訪問原始程式碼,則可以使用以下腳本即使遊標不在文字末尾,也能實現所需的行為:

此腳本檢查「Shift」「Enter」鍵組合。當偵測到時,它會使用 PasteIntoInput 函數將換行符號(“n”)插入到文字區域中,並阻止預設表單提交。

以上是如何偵測「Shift Enter」在文字區域中插入新行而不是提交表單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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