Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menghalang Penyerahan Borang pada Enter Key Press?

Bagaimana untuk Menghalang Penyerahan Borang pada Enter Key Press?

Barbara Streisand
Barbara Streisandasal
2024-11-26 09:07:12547semak imbas

How to Prevent Form Submission on Enter Key Press?

Pencegahan Penyerahan Borang pada Tekan Kekunci Enter

Menghalang penyerahan borang apabila menekan kekunci Enter memastikan fokus kekal pada medan semasa dan membolehkan untuk fungsi JavaScript dicetuskan sebaliknya. Penyelesaian ini melibatkan pengendalian peristiwa penekan kekunci dan dengan syarat menghalang penyerahan berdasarkan kod kekunci yang dimasukkan.

Pelaksanaan

Dalam HTML, tambahkan atribut onkeypress pada elemen borang. Atribut ini harus memanggil fungsi JavaScript yang menyemak kod kunci. Dalam contoh di bawah, fungsi runScript dilaksanakan pada input teks scriptBox:

<form onkeypress="return runScript(event)">
  <input>

Fungsi runScript memeriksa kod utama acara. Jika kod sepadan dengan kekunci Enter (biasanya 13), fungsi mengembalikan palsu, menghalang penyerahan borang.

function runScript(e) {
  if (e.keyCode == 13) {
    // Invoke your JavaScript function here...

    return false;
  } else {
    return true;
  }
}

Nota:

Semasa keyCode ditamatkan dalam pelayar moden, ia tetap disokong secara meluas. Walau bagaimanapun, adalah disyorkan untuk mempertimbangkan untuk menggunakan kaedah alternatif seperti kunci atau yang untuk keserasian yang lebih luas.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Penyerahan Borang pada Enter Key Press?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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