侧边栏壁纸
博主头像
lai博主等级

  • 累计撰写 29 篇文章
  • 累计创建 14 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

pointer-events解决onmouseover|onmouseout闪烁

lai
lai
2021-05-19 / 0 评论 / 0 点赞 / 563 阅读 / 274 字
温馨提示:
本文最后更新于 2021-05-20,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

问题描述

img略缩图同时监听了onmouseover|onmouseout事件,鼠标悬浮(onmouseover)在img略缩图上的时候,图片上方使用新div展示原图,鼠标移开移开时隐藏原图,如果此时鼠标又悬浮在div上,会直接导致img触发onmouseout事件,图片出现闪烁

解决方法

使用 css pointer-events ,pointer-events 属性定义元素是否对指针事件做出反应,默认值atuo,在展示的div中新增属性style=" pointer-events: none;" 即可解决问题

0

评论区