移动端页面,点击img的图片,会变成预览模式

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

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

1.img{ pointer-events: none; }

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

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

background:url(XX.png) norepeat center;

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

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

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

  e.preventDefault();

});

 

你可能感兴趣的:(CSS)