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

Bagaimana untuk Menghalang Penyerahan Borang pada Enter Key Press?

Barbara Streisand
Lepaskan: 2024-11-26 09:07:12
asal
565 orang telah melayarinya

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

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

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!

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