Bagaimanakah Saya Boleh Menghalang Penyerahan Borang pada Enter Key Press dan Sebaliknya Jalankan JavaScript Tersuai?

Menghalang Penyerahan Borang pada Enter Key Press

Apabila pengguna menekan kekunci Enter dalam borang, tingkah laku lalai adalah menyerahkan borang . Walau bagaimanapun, sesetengah senario memerlukan menghalang penyerahan borang dan sebaliknya melaksanakan fungsi JavaScript tersuai.

Untuk mencapai matlamat ini, pendengar acara pada borang boleh diubah suai untuk mengendalikan penekanan kekunci Enter. Begini caranya:

document.querySelector("form").addEventListener("keypress", (e) => {
  if (e.key === "Enter") {
    // Prevent form submission
    e.preventDefault();

    // Call your JavaScript function
    customFunction();
  }
});

function customFunction() {
  // Your custom JavaScript function logic
}

Dalam contoh ini, penyerahan borang dihalang dengan memanggil e.preventDefault() dalam pengendali acara. Dengan menambahkan syarat ini dan memanggil fungsi tersuai, kekunci Enter mencetuskan customFunction() dan bukannya menyerahkan borang.

Nota:

Pelayar moden mengesyorkan menggunakan e. kunci bukannya e.keyCode. Walau bagaimanapun, untuk keserasian dengan penyemak imbas lama, menggunakan kedua-duanya mungkin diperlukan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Penyerahan Borang pada Enter Key Press dan Sebaliknya Jalankan JavaScript Tersuai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!