Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menghalang Penyerahan Borang pada Shift Enter dalam Kawasan Teks?

Bagaimanakah Saya Boleh Menghalang Penyerahan Borang pada Shift Enter dalam Kawasan Teks?

Susan Sarandon
Lepaskan: 2024-12-05 00:03:12
asal
316 orang telah melayarinya

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

Shift Enter dalam TextArea: Menjana Baris Baharu

Apabila pengguna menekan kekunci Enter di dalam kawasan teks, menghantar borang adalah tingkah laku yang diharapkan. Walau bagaimanapun, jika Shift ditekan dalam kombinasi dengan Enter, selalunya wajar untuk mengalihkan karet ke baris baharu daripada menyerahkan borang.

Penyelesaian :

Terdapat dua penyelesaian utama untuk perkara ini isu:

1. Ubah Suai Kod Sedia Ada:

Jika terdapat skrip sedia ada yang menyebabkan Enter menyerahkan borang, ubah suainya untuk menyemak kekunci Shift. Berikut ialah contoh:

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

2. Gunakan JavaScript dan jQuery:

Jika anda tidak mempunyai akses kepada kod sedia ada, laksanakan penyelesaian ini menggunakan JavaScript dan 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();
    }
});
Salin selepas log masuk

Kod ini akan memasukkan aksara baris baharu (n) ke dalam kawasan teks apabila Shift Enter ditekan, menghalang borang daripada menyerahkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Penyerahan Borang pada Shift Enter dalam Kawasan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan