使用mouseenter和mouseleave时，鼠标左键规律单击所选元素时，会偶尔触发mouseleave

[ly1989abc]

Version

2.5.16

Reproduction link

https://codepen.io/intotheprogram/pen/ZjxZdg

Steps to reproduce

首先将鼠标移向Hove Me按钮，然后鼠标左键匀速点击，大约十几次时会触发mouseleave。鼠标重新动一下，才会重新触发mouseenter。

What is expected?

鼠标点击时，不应触发mouseleave

What is actually happening?

鼠标点击时，偶尔触发mouseleave

[yyx990803]

1. 无法重现
2. Vue 只是添加原生的 event listener，这不太可能是因为 Vue 导致的。

[ly1989abc]

1. 无法重现
2. Vue 只是添加原生的 event listener，这不太可能是因为 Vue 导致的。

您好，我这边找别人试一下，也是可复现的。鼠标移到动Hover Me按钮上，出现Good提示；然后鼠标一直匀速点击，不要太快，中间过程Good会变成Hover Me，也就是触发了mouseleave。请耐心试一下，谢谢

[Justineo]

@ly1989abc

首先请确保在没有用 Vue 时，绑定同样的事件处理没有问题。其次再是给 Vue 提 issue，如果是偶发的，请报告触发问题的浏览器、操作系统、详细的重现步骤。最后，我也无法重现你的问题。

[ly1989abc]

@yyx990803 @Justineo
抱歉，新手不太懂，感谢两位的回答。以下是我的测试结果：

测试1：Vue（2.5.16）

• 浏览器：Google Chrome【70.0.3538.110（正式版本）（64 位）】
• 操作系统：Windows 10 专业版 1709（64位）
• 测试地址：Vue.js | Mouseover & Mouseleave
• 测试结果：鼠标单击100次时，mouseleave触发1次

测试2：Vue（2.5.16）

• 浏览器：Firefox 65.0b12 (64 位)
• 操作系统：Windows 10 专业版 1709（64位）
• 测试地址：Vue.js | Mouseover & Mouseleave
• 测试结果：鼠标单击100次时，mouseleave触发0次

测试3：jQuery（3.3.1）

• 浏览器：Google Chrome【70.0.3538.110（正式版本）（64 位）】
• 操作系统：Windows 10 专业版 1709（64位）
• 测试地址：jQuery | mouseover&mouseleave
• 测试结果：鼠标单击100次时，mouseleave触发1次

测试4：jQuery（3.3.1）

• 浏览器：Firefox 65.0b12 (64 位)
• 操作系统：Windows 10 专业版 1709（64位）
• 测试地址：jQuery | mouseover&mouseleave
• 测试结果：鼠标单击100次时，mouseleave触发0次

---

测试结论：经测试发现，问题应该是出在谷歌浏览器。
另：刚发现这个问题的时候，触发较频繁，大约十几次会触发一次，现在测试时，100次才触发了1次，不知道是什么原因。让别人帮忙测试时，谷歌浏览器下也触发了mouseleave。