[chrome]click事件会触发mouseleave

问题

这几天一直被一个很奇怪的问题困扰，就是在chrome上的点击事件会触发该dom的mouseleave事件，详见代码示例http://jsrun.net/NFhKp/edit
在IE 火狐浏览器都没有复现这种问题，不知道是不是chrome的一个错误，或者是一个特性。。

解决办法

在mouseleave方法中监听event，当relatedTarget为空时，阻止mouseleave的后续代码执行

if(event.relatedTarget!=null) {
   //doSomeThing()
}

感觉是个投机取巧的办法吧，关于relatedTarget的用法参考
有什么问题或者见解欢迎留言讨论

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,862评论 1赞 11
  • 事件类型
    本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件，主要有以下一些。 click 事件，dblc...
    许先生__阅读 7,257评论 0赞 4
  • JS重难点梳理之事件
    事件是什么，可以用来做什么，什么时候用到它？ 事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 5,403评论 0赞 16
  • JavaScript 高级程序设计(第13章 事件)
    第13章 事件 1. 事件流 事件流描述的是从页面中接收事件的顺序。 (1) 事件冒泡 IE 的事件流叫做事件冒泡...
    yinxmm阅读 4,500评论 0赞 17
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 28,018评论 1赞 45