Javascript melaksanakan ecshop kotak carian papan kekunci atas dan bawah kemahiran control_javascript pensuisan

Dalam fungsi createSelect(), objek dikembalikan, dan dua kaedah objek ini adalah next()
dan moveSelect() dipanggil dalam prev() boleh menunjuk ke fungsi dengan betul, anda juga boleh meletakkan
Fungsi moveSelect() diletakkan di luar.

Salin kod Kod adalah seperti berikut:

/* Operasi papan kekunci dan pilihan pengesyoran masalah */
var curDo = null;
var select = createSelect();
$('#keywords').keyup(function(e){
var theEvent = e || window.event;
code = theEvent.keyCode ? theEvent.keyCode : (theEvent.which ? theEvent.which : theEvent.charCode)
      var KEY = {
              ATAS: 38,
KE BAWAH: 40,
DEL: 46,
TAB: 9,
PULANG: 13,
             ESC: 27,
RUANG BELAKANG: 8,
              KIRI:37,
KANAN:39
        };
​​​​ clearTimeout(curDo);//Apabila papan kekunci muncul, operasi pemerolehan data ajax yang dijadualkan harus dibatalkan
suis(kod) {
KEY.UP kes:
Memilih.next ();                  rehat;
KEY.DOWN sarung:
                                                                                                                                                                                                                                                                                                                                                                                              ); memilih                  rehat;
kunci kes.PULANGAN:
                    $('.suggest-hover').trigger('click');
                 rehat;
kunci kes.KIRI:
                 rehat;
kunci kes.KANAN:
                 rehat;
                 lalai:
CurDo = setTimeout(getSuggest(),300);
                 rehat;
}
});
/* cadangkan operasi pemilihan */
Fungsi createSelect(){
        var KELAS = {
              AKTIF: "cadang-tuding"
        };
         fungsi moveSelect(step) {
            var listItems=$('.suggest-results li');
//Bilangan langkah dalam tuding semasa
          var aktif;
Aktif = $ ('.' Classses.active) .index ();
              listItems.eq(active).removeClass(CLASSES.ACTIVE);
              aktif = langkah;
                    jika (aktif < 0) {
                      aktif = listItems.size() - 1;
                  } jika tidak (aktif >= listItems.size()) {
                    aktif = 0;
            }
               var activeItem = listItems.eq(active).addClass(CLASSES.ACTIVE);
        };
         kembali {
              seterusnya:function(){
                  moveSelect(-1);
            },
               sebelum:function(){
                 moveSelect(1);
            }
        };
};

Di atas adalah semua kandungan yang dikongsi dengan anda dalam artikel ini, saya harap anda akan menyukainya