Fokus Otomatis di Kotak Pencarian

Potongan kode ini untuk membuat fungsi fokus otomatis di kotak pencarian.
Share:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Potongan kode ini untuk membuat fungsi fokus otomatis di kotak pencarian ketika tombol search di klik. Dalam contoh kode dibawah ini, tombol pencarian yang memiliki id #search_icon.

Potongan kode ini saya gunakan juga di website Digitalizer My ID, dengan sedikit modifikasi dari aslinya agar dapat saya letakkan pada javascript tab di komponen Code Block Oxygen Builder atau WP enqueue script.

jQuery(function($){
        jQuery('#search_icon').on('click', function(){
                setTimeout(function() {jQuery('#s').focus();}, 1000);
        });
});

Jika anda menginginkan autofocus pada saat page load, maka bisa menggunakan kode ini:

setInterval(function(){
   if(jQuery('.search_form input').length>0){
      jQuery('.search_form input').focus().val();
      return false;
   }
 }, 500);

Catatan, ganti ID, class ataupun tag sesuai kebutuhan anda.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Artikel Terkait

Membuat daftar taxonomy tertentu
Contoh: membuat daftar taxonomy grape-variety dari produk
Slide Horizontal dengan Mouse Scroll
Kode Slide Horizontal dengan Mouse Scroll
inspiradio
Tombol play dan stop audio
Kode untuk membuat tombol play dan stop audio
PAKET LENGKAP PEMBUATAN WEBSITE
Digitalizer menawarkan jasa pembuatan website untuk company profile, toko online, event organizer, lembaga pendidikan ataupun bidang lainnya. Anda tidak perlu memikirkan tentang domain, webhosting/server, DNS, email, desain, development, security serta masalah teknis lainnya. Cukup siapkan content website anda saja, sisanya kami yang mengerjakannya.
Semua paket pembuatan website sudah termasuk maintenance 1 tahun!
HOT LINK!
Kembali ke atas
cross