Bagaimanakah Saya Boleh Mencetuskan Klik Butang dengan Kekunci Enter dalam JavaScript?

Mencetuskan Klik Butang melalui JavaScript's Enter Key Magic

Dalam pembangunan web, membolehkan pengguna melakukan tindakan dengan mudah adalah penting. Satu cara untuk meningkatkan kebolehgunaan ialah membenarkan mereka mencetus klik butang menggunakan kekunci Enter dalam medan input tertentu.

Pertimbangkan senario di mana anda mempunyai kotak teks input (#txtSearch) dan butang (#btnSearch) pada anda muka surat. Anda mahu melaksanakan fungsi doSomething() butang apabila kekunci Enter ditekan dalam kotak teks.

Melepaskan Kehebatan JavaScript

Untuk mencapai fungsi ini, JavaScript datang untuk menyelamatkan. Khususnya, kami akan memanfaatkan acara keyup, yang tercetus apabila kunci dikeluarkan. Begini cara anda boleh melaksanakannya dengan mudah:

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

Memecahkannya:

• $("#txtSearch").keyup() menangkap acara keyup dalam kotak teks .
• if (event.keyCode === 13) menyemak sama ada kunci yang dikeluarkan ialah Enter (yang mempunyai keyCode 13).
• $("#btnSearch").click() mensimulasikan klik pada butang, mencetuskan fungsi doSomething()nya.

Kod ini memastikan bahawa apabila Enter kekunci ditekan dalam kotak teks yang ditentukan, ia berkesan melakukan klik pada butang yang ditetapkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetuskan Klik Butang dengan Kekunci Enter dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!