在移动端部分浏览器中点击了图片,变成了查看图片的效果,怎么防止img的图片被手机浏览器的图片查看器打开呢?下面整理了一些方法来实现:在img元素上添加 onclick=return false、背景图的方式插入、使用js事件阻止默认行为的方式
<img src="./img/tip.png" onclick="return false" />
background:url(./img/tip.png) norepeat center;
background-size: cover;
var imgMask = document.getElementById('mask');
imgMask.addEventListener('click',function(e){
e.preventDefault();
});
preventTouch(e) {
e.stopPropagation();
e.preventDefault();
}