有个问题请教 @远人老师...-慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /搜索框制作

有个问题请教 @远人老师，在淘宝搜索示例中，click后鼠标移除时除服mouseOut此时两个tab的class置空，将不显示，但是老师的视频上没出现这个问题？还有search-tab也需要添加mouseOut事件吧，这样用户在不点击tab 直接移除鼠标时恢复下拉列表的样式

procodex

2014-06-04

源自：搜索框制作 3-7

关注问题我要回答

2833

操作

收起

21 回答

默海
2016-04-08

这个问题解决了吗？我遇到同样的问题。

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

收起回答

野山椒鸡杂
2016-01-11

这里的问题是mouseout后li的class就被清空，所以click后，依然会触发mouseout事件，所以什么都没有显示。

我的解决办法是将mouseover 事件去掉了，这样在tab_1添加selected,然后将tab_2的class设置为空事件里添加li的,tab_2同理，这样实现了同样的效果，如果可以将li的moseover用css代替，是一种解决办法。

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

收起回答

Lz_Tiramusu
2015-05-30

我也遇到了这个问题~~~求解答

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

收起回答

饭太少787
2015-05-20

按照老师的代码来写的，点击之后，li标签的类被清空了结果就是这样的

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

收起回答

US鲁鲁修
2014-12-24

search_tab 鼠标移出恢复：

addEvent('search_tab','mouseout',function(){

this.className = this.className.replace(' trigger-hover','');

});

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

收起回答

1976hjj
2014-11-12

最后部分有问题要加点~~~

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

收起回答

Medici_Yan
2014-08-09

视频中，在点击完店铺之后，鼠标就没有动，所以没有触发mouseOut,于是就显示了。

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

收起回答

尛溎孓
2014-08-01

这样查找dom很浪费内存吧，

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

收起回答

蔡斌April
2014-07-03

我的做法是：去掉mouseout的那段代码：然后将mouseover的代码改成： /*高亮当前列表项，并将其他列表项高亮去除*/ addEvent('tab_1','mouseover',function(){ getDOM('tab_2').className=""; if(this.className.indexOf('selected') < 0){ this.className += ' selected'; } }); 并且为search_tab增加一个mouseout事件

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

收起回答

饭太少787

试了下你的办法不起作用点击后列表还是无样式

2015-05-20 回复有任何疑惑可以回复我~