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

5-1里面源代码出现bug怎么解决

出现的两个阴影问题都知道，但是大家给代码啊，其实在onmouseover里面先清除样式就可以，for(var i=0;i<as.length;i++) { as[i].style.background='none'; }

weibo_0o月落无痕o0_0

2016-11-28

源自：DOM事件探秘 5-1

关注问题我要回答

705

操作

收起

4 回答

小谢星
2017-03-13

http://www.imooc.com/article/16924

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

收起回答

weibo_0o月落无痕o0_0 提问者
2016-12-07

for(var i=0;i<as.length;i++){
	as[i].onmouseover=function(){
		for(var i=0;i<as.length;i++)
		{
			as[i].style.background='none';
			}
		this.style.background='#ccc';
		}
		as[i].onmouseout=function(){
			this.style.background='none';
			}
			as[i].onmousedown=function(){
				title.innerHTML=this.innerHTML;
				}
	},你看这是我整个for循环，自己浏览器测试的正常呀，chrome跟ie都试过

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

收起回答

qq_还不走
2016-12-07

尝试过这个方法行不通，刚刚试方法的时候想到上面键盘事件使用的方法，每次按键盘的时候都会调用for循环让所有选项背景为白色，因此想到了在鼠标事件的时候也可以先设置for循环将所有背景变为白色（也就清除了第一个阴影），再执行鼠标移到的位置背景阴影的方法，在慕课的测试环境里是达到了解决bug的效果，但是换成本机的浏览器不知道为什么就没有用啦。

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

收起回答