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

在移動端開發中，某些設備會存在點擊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; }

可是該方法會致使圖片的點擊事件失效

若是隻是單純展現圖片，而沒有什麼交互的話，這個方法仍是能夠的~