禁止移动端点击图片出现预览的默认行为

在移动端开发中，某些设备会存在点击img标签，

图片呈现预览模式，可是咱们没有给图片添加任何事件

这是移动端浏览器的默认行为，解决方式以下：

 

一、在img标签上添加 onclick="return false"

<img src="a.png" onclick="return false" />

 

二、图片用背景图的方式插入

background: url(a.png) no-repeat;

 

三、使用js事件阻止默认行为

var img = document.getElementById('img'); img.addEventListener('click', function(e){ e.preventDefault(); })

 

另外能够用css方式解决：

img{ pointer-events: none; }

可是该方法会致使图片的点击事件失效

若是只是单纯展现图片，而没有什么交互的话，这个方法仍是能够的~