最近在做微信公众号开发,开发过程中遇到了一个图片全屏预览,用微信JSSDK的previewImage({current: curImg, urls: imgUrls})接口写,后面发现点击图片的时候出现了两次预览,要后退两次才能退出,查了好久查不到原因,后面发现是因为图片 ,宽度大于一定值(我目前是260px),微信会自动把图片变成点击全屏预览,导致每次点击都触发了两次预览,
解决方案:
给图片设置
pointer-events:
none;
需要点击事件则给图片外面加层div,将点击事件放在div上即可,如在div上点击调用微信jssdk的图片预览接口