Javascript 调整窗口大小时在chrome中触发Mouseenter事件

谷歌Chrome中非常奇怪的行为

我有一个

div

的网格，然后在每个网格上为

mouseenter

事件添加一个EventListener。在我的演示代码中，当事件被触发时，div get

opacity:0.2

$(".target_div_class").on("mouseenter",  [my action ...])

好吧，除了谷歌Chrome之外，它在所有浏览器上都可以使用

要在chrome中重现这种奇怪的行为，请将鼠标指针放在网格前面，然后开始快速调整主浏览器窗口的大小，您将看到即使没有鼠标滚动，某些div也会改变不透明度

我做错了什么，是Chrome不喜欢的一个特殊jquery事件

谢谢

拉里

编辑-1-

我想我理解为什么一些

div

收到了这个事件

看起来，当我点击浏览器的边框（左或右）时，Chrome会跟踪鼠标的位置X和Y

然后，当缓慢扩展浏览器宽度时，在此“开始鼠标位置”下的任何

div

将接收事件。 当第一次浏览器宽度变薄，然后慢慢扩展它时，如果我拿一支笔，在调整大小之前将其放置在鼠标开始位置，就很容易复制，这很清楚。非常非常奇怪

编辑-2-

这种行为只在操作系统windows 8上出现，我刚刚在Mac上测试过，没有问题

我在几个网站上测试过这种行为，比如：

---

我想是由Google professional制作的，这种奇怪的行为再次发生，我将尝试联系Google Chrome团队……

我不相信mouseenter/mouseleave完全受Chrome支持。与IE不同，Chrome只模拟这些功能

但是，只有当有人试图以比浏览器边缘实际移动更快的速度重新调整窗口大小，并且鼠标瞬间进入页面时，问题才会出现。所以，这并不是一种不合理的行为。你总可以试着用一个

$(window).resize(function() {
    //some code to reset opacity
});

看看这是否有帮助

$(".target_div_class").on("mouseenter", function(){
 event.stopPropagation();
   //your code
});

---

Senju，我只是用“mouseover”而不是“mouseenter”做了个测试“还有同样的行为。考虑到你的答案，我会设法找到一个解决办法，但这就像是对一些非常基本的东西的破解。你知道，有时候，即使我没有很快地调整窗口大小，也会触发一个事件……事件对象和stopPropagation（）函数的一些细节，特别是文档链接，将是对这个答案的一个很好的改进。@Abhishek Verma，没有相同的行为，看到我编辑的第一个问题，我发现某些div是如何接收事件的！这很奇怪