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

来源: 电脑维修教程 阅读:     发表时间:

javascript实现ecshop搜索框键盘上下键切换控制,需要的伴侣可以参考下 在createselect()函数中, 电脑维修视频教程 ,返回一个工具,这个工具的两个要领next(

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

}

};

};

以上就是本文分享给各人的全部内容了,但愿各人能够喜欢

以上是:解决javascript实现ecshop搜索框键盘上下键切换控制问题的详细资料教程