在公司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();
});