Fokus Otomatis di Kotak Pencarian

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.