溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如何禁用移動端瀏覽器圖片瀏覽功能？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
在一些移動端瀏覽器上，如果點擊圖片，會產生一個瀏覽圖片的行為。
QQ沒有這種默認行為，但是UC瀏覽器有。
所以為了達到一致的效果，這種默認的瀏覽行為是需要被禁止的。
下面介紹幾種方法：
1.在img元素上添加 onclick="return false"
<img src="a.png" onclick="return false" />
2.圖片用背景圖的方式插入
background:url(a.png) norepeat center;
3.使用js事件阻止默認行為的方法，這里需要注意哦！
var img = document.getElementById('banner');
img.addEventListener('click',function(e){
e.preventDefault();
});關于這里的click事件，其實也可以是touchend事件，但是不可以是touchstart和touchmove事件！
因為使用touchstart和touchmove事件的時候，假如頁面頂部有個超級大的banner圖，那么當橫屏顯示或者類似于ipad等屏幕寬度大于高度的情況下，整個banner圖都占滿了屏幕，這個時候頁面沒法滑動。因為你用touchstart和touchmove禁止掉了圖片的默認行為，所以手指怎么滑動，頁面都沒反應的。剛好這個滑動的行為觸發了touchstart和touchmove。
4.通過 CSS3 屬性實現
img {
pointer-events: none;
}
這樣設置會讓img標簽的點;事件失效，如果需要點擊保留事件，需要添加父元素處理點擊事件。
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
