注册 | 登录   
当前位置:网站首页 > 资源显示

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

发布时间:2019/12/15 14:33:58 / 浏览:545

转载:https://blog.csdn.net/qappleh/article/details/94027642


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

您尚未登录,暂时无法查阅资源!立即登录
插播广告区
您尚未登录,暂时无法发表评论。立即登录
暂无任何评论
广告区
CopyRight © 2017 www.kaifaku.cn All Rights Reserved - 版权所有 © 开发库 (所有资源来源于实战项目,拿来即用)
付费资源请联系 QQ:2633993818 / E-MAIL:2633993818@qq.com 本站免费分享资源不提供免费咨询