admin管理员组

文章数量:1616421

在公司H5项目发现中发现一个兼容性问题，就是在部分Android机自带的浏览器中点击img图片会新打开一个标签页预览图片。

有四种方式去解决这个问题，当然第一种是最简单的，加一条样式就好了。

1.img{ pointer-events: none; }

2.在img元素上添加 οnclick="return false"

<img src="a.png" onclick="return false" />

3.图片用背景图的方式插入

background:url(XX.png) norepeat center;

4.使用js事件阻止默认行为的方法

var img = document.getElementById('banner');

img.addEventListener('click',function(e){

　　e.preventDefault();

});

 

本文标签： 模式页面图片img

版权声明：本文标题：移动端页面，点击img的图片，会变成预览模式 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1728737360a1171005.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。