Dalam pembangunan web, menghalang borang daripada diserahkan pada penekan kekunci Enter boleh menjadi penting untuk memastikan pengalaman pengguna dan kefungsian bentuk. Apabila mereka bentuk borang dengan kotak teks, menu lungsur turun atau butang radio, adalah perlu untuk mengendalikan penekanan kekunci untuk mengekalkan tingkah laku borang yang diingini.
Kekunci Enter, biasanya diakses dengan papan kekunci, lalai untuk menyerahkan borang berdasarkan tingkah laku pelayar. Untuk menghalang tindakan lalai ini dan mengekalkan kefungsian yang dimaksudkan oleh borang, kekunci Enter perlu dikendalikan secara eksplisit dalam kod.
Satu kaedah untuk menghalang penyerahan borang pada penekan kekunci Enter adalah dengan melaksanakan fungsi JavaScript tersuai. Dengan melampirkan fungsi ini pada acara tekan kekunci borang, kami boleh memintas tekan kekunci Enter dan menghalang borang daripada diserahkan. Pendekatan ini membolehkan pembangun menangkap peristiwa kunci Enter sebelum ia mencetuskan penyerahan borang.
Dalam fungsi JavaScript, pembangun boleh menyemak sama ada kekunci yang ditekan sepadan dengan kod aksara kekunci Enter. Kod aksara biasa untuk kunci Enter ialah:
Fungsi JavaScript harus kembali palsu apabila kod aksara sepadan dengan kod kekunci Enter. Mengembalikan palsu mengarahkan penyemak imbas untuk membatalkan penyerahan borang dan menghentikan penyebaran acara.
Sebagai contoh, fungsi JavaScript berikut boleh digunakan untuk menghalang penyerahan borang pada tekan kekunci Enter:
function preventFormSubmission(e) { if (e.keyCode === 13) { // Enter key pressed, prevent form submission e.preventDefault(); return false; } else { // Not the Enter key, allow default behavior return true; } }
Oleh melampirkan fungsi ini pada acara onkeypress borang, pembangun boleh mengendalikan penekan kekunci Enter dan menghalang borang daripada menyerahkan secara tidak sengaja.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencegah Penyerahan Borang Tidak Diingini Dicetuskan oleh Kunci Enter?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!