解决第三方网页在微信浏览器中点击图片会自动放大

自己使用的是微信Android客户端，使用img标签的src属性将图片设置好了以后，在微信中调试，点击图片竟然放大，自己
没写放大图片的方法，也没有调用wx.previewImage()方法，最后查找，原来是微信Android客户端已经在底层支持了img标签自动放大的功能，说是bug还是改进？因为传统的浏览器是不带图片放大效果的，需要自己写方法，好了，明白了问题所在，解决就好了：
传统方式：
$(document).on(‘click’, ‘img’, e => {
e.preventDefault();
})
这个方式可能会把所有的默认的属性都屏蔽了，典型的就是a标签不能跳转
css方式：
img{
pointer-events: none;
}
这个会让img标签的点击事件失效，如果想要点击图片就要给上面再写一层
Vue方式：
v-on:click.prevent或者@click.prevent
既能保证img标签的click，也能保证在微信中不自动放大，完美解决

解决第三方网页在微信浏览器中点击图片会自动放大相关推荐

解决默写浏览器中点击input输入框时，placeholder的值不消失的方法
解决默写浏览器中点击input输入框时,placeholder的值不消失的方法参考文章: (1)解决默写浏览器中点击input输入框时,placeholder的值不消失的方法 (2)https:// ...
如何在浏览器中点击复制微信号并且跳转到微信
如何在浏览器中点击复制微信号并且跳转到微信? <html lang="en"> <head> <meta charset="UTF-8&qu ...
cocoscreator实现微信内置浏览器点击图片识别图中二维码
最近在做一个微信内置浏览器的小游戏,小游戏中有一个二维码,需要用户点击长按二维码弹出系统识别二维码按钮. 下面是解决步骤: 1.cocoscreator是如何实现在浏览器中渲染游戏画面的看图中箭头处 ...
第三方网站调用微信公众号的图片被禁止
第三方网站调用微信公众号的图片被禁止借助搜狗搜索的接口来处理,让后端转码,前端调用 <meta name="referrer" content="no-refer ...
【Vue】问题：解决苹果手机点击输入框页面自动放大问题
问题描述在index.html文件中meta标签配置如下 <meta name="viewport" content="width=device-width, i ...
html基础总结4-实现点击图片弹出放大图片--不用插件
实现点击图片弹出放大图片--不用插件 <td width="350"> <img height="100" width="100&q ...
vivo手机的坑-禁止微信浏览器网页点击图片，图片会自动放大
这个坑让我郁闷极了,之前我的手机在微信浏览器打开网页点击图片时,啥事也没有现在,咋回事,变了呢! 现在我打开微信浏览器网页面html,点击一个img标签的图片,图片会自动满屏放大,吓死宝宝了.其他人 ...
android 按钮点击返回顶部,微信浏览器点击系统返回，安卓返回会重载页面回到页面顶部，iOS则返回则会保留之前浏览位置的解决方法...
后续补我框好串端题近还架比作和和近还架比作和和充: 页面css设置了height: 100%,来避免使用fixed定位弹窗引起的部分机型兼容问题,因此会在返回的时候回到页面顶部,补充解决办法: 在弹窗 ...
苹果微信浏览器html缓存图片吗,h5清理微信浏览器网页缓存
前言: 缓存这个问题的出现,真真切切的感受到微信浏览器这鬼东西对前端程序员充满了恶意,捋捋自己的发型,甚是恐慌(顿时有种想转php的冲动,有木有). 解决方案: 出现缓存问题导致用户出现很多车祸现场( ...

解决第三方网页在微信浏览器中点击图片会自动放大

解决第三方网页在微信浏览器中点击图片会自动放大相关推荐

最新文章

热门文章