javascript中 鼠标移入实现div变小，可div变小过程中鼠标已经不在div上

Question

常见的效果是鼠标移入某个对象上放大，移出时回到原来大小。这个demo希望实现的结果是移入时缩小，移出时放大。但这样就总是会出现闪现的效果。鼠标移出时变大，但变大却使得原来位置的鼠标变成了移入。所以当鼠标快速重复移入移出操作时，看到的效果会很奇怪。拜托高手帮我看一下怎样解决这个问题，非常感谢！

Answer 1

用hover和transtion做不好吗？ 当然用js也行，那么我们来想想如果固定视口区域。

1. 外面包一层大的，事件放在他的上面，里面的这个只负责做动画。这样来看，他的区域变化和外面的关系不大。

2. 既然你说了疯狂的触发事件不好，那么可以考虑给他去除抖动，去抖处理一下就好了嘛。