禁止移動端點擊圖片出現預覽的默認行為

在移動端開發中，某些設備會存在點擊img標簽，

圖片呈現預覽模式，但是我們沒有給圖片添加任何事件

這是移動端瀏覽器的默認行為，解決方式如下：

 

1、在img標簽上添加 onclick="return false"

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

 

2、圖片用背景圖的方式插入

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

 

3、使用js事件阻止默認行為

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

 

另外可以用css方式解決：

img{ pointer-events: none; }

但是該方法會導致圖片的點擊事件失效

如果只是單純展示圖片，而沒有什么交互的話，這個方法還是可以的~