‘换一批 ’鼠标快速点击，有时候热门搜索页，会隐藏，老师有没有遇到这种情况

Question

不停点击‘换一批’，mouseIn自动变为了false，鼠标没有移除热门搜索页区域。

Answer 1

星闪海洋 2019-04-30 23:58:11

原来这是一个bug，纠结了半天没解决。测试了好几次，发现搜索框消失时因为触发了MOUSE_LEAVE事件，而这个并非主观触发的鼠标移出事件几乎都是再换一批事件触发后的10毫秒后触发的，我推测是在切换页面时，页面还没来得及渲染时，触发了鼠标移出事件，官网也存在这个问题。

Answer 2

qq_飞越疯人院_1 2018-12-13 09:48:20

有一个权宜之计 就是在点击事件上加一个set timeout 真心不知道这是怎么回事

• Dell #1

  我大概知道了，这个数据的改变是异步的，所以代码有点小的bug，这块做哥定时吧，先可以解决掉这个问题，实际上在setState里，应该用prevState的值判断后面要变更的值

Answer 3

聆空 2018-11-27 17:07:41

我也是。连续点击就会关掉热门搜索。

Answer 4

郭纯 2018-10-22 08:13:35

我也是这个问题 不知道什么原因出发了 mouseLeave 但是鼠标并没有离开区域

Answer 5

Dell 2018-07-15 22:47:09

用没用preventDefault

• 提问者 bby365 #1

  没有用preventDefault

• 雪原小狼狼 #2

  我也遇到了这个问题，尝试使用CSS的user-select或者是用e.preventDefault()无效（方法使用正确），不一定点击多少次热门搜索就会消失

• qq_飞越疯人院_1 #3

  老师 看下源码是什么问题 解决了吧

Answer 6

qq_篮风_03344867 2018-07-15 17:02:34

可能是因为，点击过快时出现蓝色区域的选中字体，这样再点击的话就会失去焦点了，可以添加，

user-select: none;这个样式，就不会被选中了

• 提问者 bby365 #1

  我试了下，还是不可以的。并且我在简书官网快速点击时，热门搜索页有时也会自动隐藏。

• Dell 回复 提问者 bby365 #2

  录个小视频发我，我看看怎么操作的bug

• 提问者 bby365 回复 Dell #3

  已发，老师空闲时查看下。