放大镜老是一卡一卡的？pointer-events: none穿透？

偶尔写了一次放大镜老是一卡一卡的，不流畅，以为是电脑的问题，还换了好几台电脑去测，（是我学识浅薄了）， 事件效果该是鼠标移动事件（mousemove），遮罩跟随

 

 遮罩操作都基于鼠标移动触发（mousemove），

这里面有一个小点，css样式 pointer-events: none;，网上也有很多其他大神的解释，基于此就不过多讲解了，在放大镜效果中，也正是用了此样式的穿透功能，

 

就事论事，事件穿透，鼠标滑过遮罩的时候，不受遮罩的影响，只针对于对下方图片的滑过移动事件 。小伙伴们可以自己测试测试，加深理解！