Bagaimanakah Saya Boleh Menghalang Penyerahan Borang Apabila Kekunci Enter Ditekan?

Mengelakkan Penyerahan Borang pada Tekan Kekunci Enter

Dalam usaha untuk memudahkan fungsi tersuai apabila menekan kekunci Enter, sambil mengelakkan penyerahan borang, adalah penting untuk melumpuhkan penyerahan lalai borang tingkah laku.

Penyelesaian:

Untuk mencapai ini, pintas peristiwa utama Enter dengan mentakrifkan pendengar acara:

if(characterCode == 13) {
    // Prevent event propagation
    return false; 
} else{
    return true;
}

Coretan kod ini memastikan bahawa menekan kekunci Enter tidak menyebarkan acara lebih jauh, dengan berkesan menghalang borang penyerahan.

Contoh:

Pertimbangkan borang dengan kotak teks berikut:

<input>

Untuk melaksanakan skrip tersuai daripada kotak teks ini pada Masukkan kekunci tekan tanpa mencetuskan penyerahan borang, gunakan kod ini:

function runScript(e) {
    // Prevent form submission if Enter key is pressed
    if (e.keyCode == 13) {
        var tb = document.getElementById("scriptBox");
        eval(tb.value);
        return false;
    }
}

Dengan mengembalikan palsu daripada acara fungsi pendengar, peristiwa kekunci Enter dilumpuhkan dengan berkesan, membenarkan skrip tersuai untuk dilaksanakan tanpa penyerahan.

Nota:

Walaupun penggunaan KeyCode ditamatkan, ia kekal pilihan yang berdaya maju dalam amalan. Selain itu, walaupun statusnya telah ditamatkan, ia masih biasa digunakan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Penyerahan Borang Apabila Kekunci Enter Ditekan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!