财神道app下载最新版本-财神到购彩大厅(彩世界)

热门关键词: 财神道app下载最新版本,财神到购彩大厅

javascript实现ecshop搜索框键盘上下键切换控制财神

javascript兑现ecshop找出框键盘上下键切换调控,javascriptecshop

在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);
            }
        };
    };

如上正是本文分享给我们的全体内容了,希望大家能够喜欢

在createSelect()函数中,重返三个对象,这几个目标的八个艺术next() 和prev()中...

复制代码 代码如下:

连锁作品

相关寻觅:

前些天看吗

搜寻手艺库

再次来到首页

  • 隐性调用php程序的不二诀要
  • php数组随机排序完毕情势
  • 浅谈JavaScript中的Math.atan()方法的采用
  • JavaScript中反正弦函数Math.asin()的利用简单介绍
  • JavaScript中的acos()方法应用详解
  • 介绍JavaScript中Math.abs()方法的行使

相关频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表明式  Flex教程  WEB前端教程  

你大概感兴趣的小说:

  • 使用openSpeDiv方法达成Ecshop登入弹窗框效果
  • ECSHOP中贯彻ajax弹窗登陆效率

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);
}
};
};

 

如上就是本文分享给大家的全部内容了,希望大家能够欣赏

在createSelect()函数中,重临一个对象,那些目的的三个法子next() 和prev()中的调用的moveS...

在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);
            }
        };
    };

本文由财神道app下载最新版本发布于web前端,转载请注明出处:javascript实现ecshop搜索框键盘上下键切换控制财神