最近在写移动端项目开的时候，在一个div中引用img标签。运行项目后，点击该图片的时候，会发现图片呈现预览模式，但是我们没有给图片添加任何的click事件，效果如下：
点击前：
nowShow.jpg
点击后：
afterShow.jpg
这是因为移动端浏览器的默认行为，那么该如何解决呢？
<img src="a.png" onclick="return false" />
background:url(a.png) norepeat center;
var img = document.getElementById('banner');
img.addEventListener('click',function(e){
e.preventDefault();
});
希望能逗大家有所帮助，谢谢！如有不解，请看原文。
正文最近在写移动端项目开的时候，在一个div中引用img标签。运行项目后，点击该图片的时候，会发现图片呈现预览模式...
正文 最近在写移动端项目开的时候，在一个div中引用img标签。运行项目后，点击该图片的时候，会发现图片呈现预...
模拟移动端图片预览效果，使图片最大边适应屏幕宽或高。 效果
android点击全屏预览照片第三方库使用-imgepreviewlibrary 移动端我们经常会遇到放大预览照片...
一张图片不做任何操作的话，移动端浏览器会出现点击放大图片的效果 给点击事件添加return false则会阻止浏览...
清除手机tap事件后 element 时候出现的一个高亮 移动端取消touch高亮效果 禁止长按链接与图片...
问题描述 vue移动端项目图片，在电脑和安卓预览都没问题，但是在ios系统上出现了图片显示不出来的问题。 原因 恕...
需求: 用户可以预览当前头像, 可以从本地上传 点击图片出现操作菜单 操作菜单api预览图片api选择图片api ...
vue-picture-preview 移动端Vue.js图片预览插件 | Mobile-friendly pic...
点击图片，实现预览图片功能，并且可循环预览图片列表！ uni-app官方文档中，有实现预览图片的api，点击查看?...
本文标题：禁止移动端点击图片出现预览的行为
本文链接：https://www.haomeiwen.com/subject/skpblftx.html
网友评论