react+antdesign火狐浏览器中，滚动加载事件兼容问题（滚动条在底部触发两次加载事件）

现象：滚动条在底部触发两次加载事件

当滚动条在底部显示时

滚动分页代码实现

滚动事件


绑定ref获取父元素div的滚动


滚动组件

火狐bug：当滚动条显示在页面底部时，页面刷新导致加载事件调用两次。

原因：事件冒泡导致

解决：e.stopPropagation();阻止事件冒泡

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

推荐阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,548评论 1赞 11
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,786评论 1赞 45
  • DOM —— 事件
    事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互...
    DHFE阅读 848评论 0赞 3
  • JS之事件
    JavaScript 与 HTML 之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 699评论 0赞 4
  • 事件类型
    本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件，主要有以下一些。 click 事件，dblc...
    许先生__阅读 2,520评论 0赞 4