Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mencegah Penyerahan Borang Tidak Diingini Dicetuskan oleh Kunci Enter?

Bagaimanakah Saya Boleh Mencegah Penyerahan Borang Tidak Diingini Dicetuskan oleh Kunci Enter?

Linda Hamilton
Lepaskan: 2024-11-29 17:09:10
asal
566 orang telah melayarinya

How Can I Prevent Unwanted Form Submissions Triggered by the Enter Key?

Mencegah Penyerahan Borang pada Enter Key Press

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:

  • 13 (untuk kebanyakan penyemak imbas)
  • 10 (untuk versi lama IE)

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;
  }
}
Salin selepas log masuk

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!

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