你好老师我在幻灯片区域只要动进入和出来两个方法都触发了这是为什么,我把代码打包成发在七牛云的存储空间了,方便老师查看。

你好老师我在幻灯片区域只要动进入和出来两个方法都触发了这是为什么,我把代码打包成发在七牛云的存储空间了,方便老师查看。

http://fushidigai.cn/%E6%96%B0%E5%BB%BA%20WinRAR%20%E5%8E%8B%E7%BC%A9%E6%96%87%E4%BB%B6.rar# 具体遇到的问题

# 报错信息的截图
http://img1.sycdn.imooc.com//climg/5f9da4cf0989e9cc17660848.jpg# 相关课程内容截图

# 尝试过的解决思路和结果
http://img1.sycdn.imooc.com//climg/5f9da6150978756404990285.jpg#用着两个就没问题

在这http://img1.sycdn.imooc.com//climg/5f9da56209a85a7405100324.jpg里输入代码,可通过选择【代码语言】突出显示



正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这是冒泡导致的。同学可能还没有接触到冒泡这个概念,所以老师简单给你说一下:冒泡简单的理解就是当在子元素上触发某一个事件时,例如鼠标移入,点击等。会往上一层层冒泡,如果父级元素(如父元素,爷爷元素)上绑定了同类型的事件,那么父元素绑定的这个事件也会触发。

mouseenter和mouseleave这两个事件是不冒泡的,可以改为这两个事件。另外,如果还是不行,请把代码全部粘贴到问答区(本站禁止粘贴除官网文档之外的链接的),以便老师针对代码准确的查找问题。

祝学习愉快~

好帮手慕夭夭 2020-11-01 10:31:10

同学你好,这是因为图片是一直切换的,当鼠标移入的时候,可能在第一张图片上;当鼠标离开轮播区域之前,已经切换到第二张图片了,那么鼠标在往轮播图外边移动的过程中,就会触发第一张图片的离开事件,同时也会触发第二张图片的移入移出事件,所以触发好多次事件。如果鼠标离开的时候,没有切换到下一张图片,就不会触发多次事件。

http://img1.sycdn.imooc.com//climg/5f9e1d6e0949975b12710148.jpg

如果同学想要绑定鼠标移入停止轮播,鼠标离开轮播开始的功能,可以把事件绑定在父元素上。这样不管切换到哪一张图片,都在父元素区域内,就不会触发多次了。

祝学习愉快~


  • 提问者 忘风 #1
    老师你好我绑定的就是在父元素banner_slimg上面还是会触发怎么回事???
    2020-11-02 00:19:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师