问题描述
img略缩图同时监听了onmouseover|onmouseout事件,鼠标悬浮(onmouseover)在img略缩图上的时候,图片上方使用新div展示原图,鼠标移开移开时隐藏原图,如果此时鼠标又悬浮在div上,会直接导致img触发onmouseout事件,图片出现闪烁
解决方法
使用 css pointer-events
,pointer-events
属性定义元素是否对指针事件做出反应,默认值atuo
,在展示的div中新增属性style=" pointer-events: none;"
即可解决问题
评论区