阻止移动端浏览器点击图片会预览的几种方法

站长手记 作者: 2024-08-28 05:55:01
在移动端部分浏览器中点击了图片,变成了查看图片的效果,怎么防止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();
}
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69963.html
移动端 浏览器