                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

为什么这里我在keyCode==38条件下加as[index].style.backgroundColor="#fff";按上下键怎么按都没反应了，但是把这句删了后按上下键背景颜色有换只有按下键才能更换选项后把原选项背景颜色变回白色

 document.onkeydown=function(){
        if (event.keyCode==40){
            as[index].style.backgroundColor="#fff";
            if(index==4){
                index=0;
            }
            else{
                index++;
            }
        }
        if (event.keyCode==38){
            as[index].style.backgroundColor="#fff";
            if(index>0){
                index--
            }
            else{
                index=as.length-1;
            }
        }
        as[index].style.backgroundColor="#456";
    }

ZE明

2018-03-04

源自：DOM事件探秘 5-1

关注问题我要回答

1782

操作

收起

4 回答

五趾的鱼回答被采纳 +2 积分
2018-03-04

document.onkeydown=function(event){
    for(var i=0;i<as.length;i++){
        as[i].style.background="none"
    }
    if (event.keyCode==40){
        if(index>=4){
            index=0;
        }
        else{
            index++;
        }
        as[index].style.background="#456";
        console.log(index)
    }
    if (event.keyCode==38){
        if(index<=0){
            index=as.length-1;
        }
        else{
            index--;
        }
        as[index].style.background="#456";
    }

}

0 回复有任何疑惑可以回复我~

#1

ZE明提问者

非常感谢！

2018-03-05 回复有任何疑惑可以回复我~

#2

ZE明提问者

能说一下我写的那部分代码问题主要出在哪吗

2018-03-05 回复有任何疑惑可以回复我~

#3

五趾的鱼回复 ZE明提问者

这一句 as[index].style.backgroundColor="#fff"; 还有你的判断对了你还有function里的个参数没写 event

2018-03-05 回复有任何疑惑可以回复我~

查看1条回复

五趾的鱼
2018-03-04

对了你还有个参数没写 event

0 回复有任何疑惑可以回复我~

五趾的鱼
2018-03-04

这次试过了

这一句 as[index].style.backgroundColor="#fff";

还有你的判断

0 回复有任何疑惑可以回复我~

五趾的鱼
2018-03-04

if (event.keyCode==38){
            as[index].style.backgroundColor="#fff";
            if(index=0){
                index=as.length-1;
            }
            else{
                index--
            }
        }

这样试试

0 回复有任何疑惑可以回复我~

#1

ZE明提问者

也不行。index--后面加个；也不行

2018-03-04 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

DOM事件探秘

参与学习 99526 人
解答问题 1305 个

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

本课相似问答

2 回答参考代码里按下回车键时为什么要设置列表颜色为白色？

1 回答为什么要在这里设置as[i]的背景颜色？

1 回答为什么向下键只有第一次有效？再按向下键也没有反应？

2 回答但是，点了开始以后，老师只是给他换了一个背景颜色，按钮并没有真正的失活，怎么让他真正的失活

1 回答按下回车键时将对应选中的选项设为菜单标题

搜索更多本课相关问答

为什么这里我在keyCode==38条件下加as[index].style.backgroundColor="#fff";按上下键怎么按都没反应了，但是把这句删了后按上下键背景颜色有换只有按下键才能更换选项后把原选项背景颜色变回白色

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号