键盘控制内容移动

如图所示点击表单会出现一个弹出层,弹出层内容可以用键盘的上下左右键位控制,我自己写的代码有问题,不管点击键盘的向上键还是向下键都会返回第一个,而不是依次的关系。我用的插件是基于jq的easyui

http://img.mukewang.com/57e900840001958910440314.jpg

我写的代码如下

 function bindEvents(target){
        var opts = $.data(target, 'combo').options;
        var combo = $.data(target, 'combo').combo;
        var panel = $.data(target, 'combo').panel;
        var input = combo.find('.combo-text');
        var arrow = combo.find('.combo-arrow');
         
        $(document).unbind('.combo');
        combo.unbind('.combo');
        panel.unbind('.combo');
        input.unbind('.combo');
        arrow.unbind('.combo');
         
        if (!opts.disabled){
            $(document).bind('mousedown.combo', function(e){
                $('div.combo-panel').panel('close');
            });
            panel.bind('mousedown.combo', function(e){
                return false;
            });
             
            input.bind('focus.combo', function(){
                showPanel(target);
            }).bind('mousedown.combo', function(e){
                e.stopPropagation();
            }).bind('keyup.combo', function(e){
                switch(e.keyCode){
                    case 37:   // left
                    case 38:   // up
                        opts.selectPrev.call(target);
                        break;
                    case 39:   // right
                    case 40:   // down
                        opts.selectNext.call(target);
                        break;
                    case 13:   // enter
                        opts.selectCurr.call(target);
                        break;
                    case 27:   // esc
                        hidePanel(target);
                        break;
                    default:
                        if (opts.editable){
                            opts.filter.call(target, $(this).val());
                        }
                }
                return false;
            });
             
            arrow.bind('click.combo', function(){
                input.focus();
            }).bind('mouseenter.combo', function(){
                $(this).addClass('combo-arrow-hover');
            }).bind('mouseleave.combo', function(){
                $(this).removeClass('combo-arrow-hover');
            });
        }
    }


你明眸中的海
浏览 1522回答 1
1回答

咕咕问

可能是闭包   没看你代码 太长了  我想搞积分 弄个抱枕  
打开App,查看更多内容
随时随地看视频慕课网APP