国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript實現ecshop搜索框鍵盤上下鍵切換控制

2024-05-06 16:17:09
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了javascript實現ecshop搜索框鍵盤上下鍵切換控制,需要的朋友可以參考下
 

在createSelect()函數中,返回一個對象,這個對象的兩個方法next()
和prev()中的調用的moveSelect()能正確的指向到該函數,也可以把
moveSelect()函數放到外面來。

 

復制代碼代碼如下:

/* 鍵盤操作與問題推薦選擇 */
    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 = {
            UP: 38,
            DOWN: 40,
            DEL: 46,
            TAB: 9,
            RETURN: 13,
            ESC: 27,
            BACKSPACE: 8,
            LEFT:37,
            RIGHT:39
        };
        clearTimeout(curDo);//鍵盤彈起的時候應該取消定時ajax獲取數據操作
        switch(code) {
            case KEY.UP:
                select.next();
                break;
            case KEY.DOWN:
                select.prev();
                break;
            case KEY.RETURN:
                $('.suggest-hover').trigger('click');
                break;
            case KEY.LEFT:
                break;
            case KEY.RIGHT:
                break;
            default:
                curDo = setTimeout(getSuggest(),300);
                break;
        }
    });
/* suggest選擇操作 */
    function createSelect(){
        var CLASSES = {
            ACTIVE: "suggest-hover"
        };
        function moveSelect(step) {
            var listItems=$('.suggest-results li');
            //當前hover的步數
            var active;
            active =  $('.'+CLASSES.ACTIVE).index();
            listItems.eq(active).removeClass(CLASSES.ACTIVE);
            active += step;
            if (active < 0) {
                active = listItems.size() - 1;
            } else if (active >= listItems.size()) {
                active = 0;
            }
            var activeItem = listItems.eq(active).addClass(CLASSES.ACTIVE);
        };
        return {
            next:function(){
                moveSelect(-1);
            },
            prev:function(){
                moveSelect(1);
            }
        };
    };

 

以上就是本文分享給大家的全部內容了,希望大家能夠喜歡


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 德庆县| 永善县| 安福县| 周宁县| 尤溪县| 台南市| 达日县| 汉寿县| 阿勒泰市| 莒南县| 中江县| 翁源县| 梓潼县| 惠来县| 义马市| 舞钢市| 富锦市| 白银市| 江华| 射洪县| 平江县| 田林县| 汤原县| 郧西县| 罗平县| 新巴尔虎右旗| 富顺县| 济南市| 萨迦县| 沙湾县| 河西区| 积石山| 太谷县| 右玉县| 和硕县| 乐东| 天长市| 拜泉县| 阿勒泰市| 东阿县| 神木县|