下面介紹幾種方法:
1.在img元素上添加 onclick="return false"
<img src="a.png" onclick="return false" />
2.圖片用背景圖的方式插入
background:url(a.png) norepeat center;
3.使用js事件阻止默認(rèn)行為的方法何暇,這里需要注意哦!
var img = document.getElementById('banner');
img.addEventListener('click',function(e){
e.preventDefault();
});
關(guān)于這里的click事件赐劣,其實(shí)也可以是touchend事件,但是不可以是touchstart和touchmove事件!
因?yàn)槭褂胻ouchstart和touchmove事件的時(shí)候暮的,假如頁(yè)面頂部有個(gè)超級(jí)大的banner圖漩勤,那么當(dāng)橫屏顯示或者類似于ipad等屏幕寬度大于高度的情況下感挥,整個(gè)banner圖都占滿了屏幕,這個(gè)時(shí)候頁(yè)面沒(méi)法滑動(dòng)越败。因?yàn)槟阌胻ouchstart和touchmove禁止掉了圖片的默認(rèn)行為触幼,所以手指怎么滑動(dòng),頁(yè)面都沒(méi)反應(yīng)的究飞。剛好這個(gè)滑動(dòng)的行為觸發(fā)了touchstart和touchmove域蜗。