扫码关注官方订阅号
谢谢各位的帮助,改用CSS来现实此动效了。
1、我在下述代码中监听了a标签的mouseover和mouseout事件来触发canvas动画,在mouseover、mouseout的回调中阻止了事件冒泡,但当鼠标移动到a内部的两个span上时还是触发了a的mouseout,再回到a上时又重新触发了moueover,导致动画被中断和重复执行。
各位帮我看看 以下代码有什么不妥?
补充动效图片!
地图监控
试试这样戳我=>addEventListener
试试这样
containers[i].addEventListener('mouseover', press, true); containers[i].addEventListener('mouseout', pressout, true);
首先,你这个代码是有问题的,鼠标放到a上时,并没有触发动画,放到canvas上才触发的
其次,事件的捕获是不能阻止的,而事件的冒泡是从子元素到父元素的,所以stopPropagation()的应用对象应该是a里面的子元素
我认为你如果想只是让a监听鼠标的进入和移出,应该使用mouseenter和mouseleave事件,看这里
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
试试这样戳我=>addEventListener
首先,你这个代码是有问题的,鼠标放到a上时,并没有触发动画,放到canvas上才触发的
其次,事件的捕获是不能阻止的,而事件的冒泡是从子元素到父元素的,所以stopPropagation()的应用对象应该是a里面的子元素
我认为你如果想只是让a监听鼠标的进入和移出,应该使用mouseenter和mouseleave事件,看这里
谢谢各位的帮助,改用CSS来现实此动效了。