Bagaimana untuk Mencetuskan Klik Butang dengan Kekunci Enter dalam Kotak Teks menggunakan JavaScript?

Butang Pencetus Klik dari Kotak Teks Masukkan Kunci dengan JavaScript

Untuk mencetuskan acara klik butang apabila kekunci Enter ditekan di dalam teks tertentu kotak, manfaatkan kod jQuery berikut:

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});

Begini caranya berfungsi:

• $("#id_of_textbox"): Memilih elemen kotak teks mengikut IDnya.
• .keyup(function(event)): Mendaftarkan pendengar acara keyup pada kotak teks.
• event.keyCode === 13: Semak sama ada kod kekunci yang ditekan ialah 13, yang sepadan dengan Enter kunci.
• $("#id_of_button").click(): Mencetuskan acara klik pada elemen butang dengan ID yang ditentukan.

Sebagai contoh, pertimbangkan HTML berikut:

<input type="text">

Untuk mencetuskan butang "Cari" klik apabila Enter ditekan dalam kotak teks "txtSearch", gunakan jQuery ini kod:

$("#txtSearch").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#btnSearch").click();
    }
});

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Klik Butang dengan Kekunci Enter dalam Kotak Teks menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!