移動端H5頁面阻止圖片和文字被選中

H5頁面設置圖片和span標籤等不可選中

1.阻止span標籤等文字被選中

在對應元素的CSS樣式中加

-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none;

2.阻止瀏覽器點擊圖片查看的行爲(常見於uc瀏覽器)

1.背景圖的方式插入(這種是比較廣泛的方式)

background:url(./img/tip.png) norepeat center;
background-size: cover;

2.使用js事件阻止默認行爲的方法

const imgMask = document.getElementById('mask');
imgMask.addEventListener('click', function (event) {
    event.stopPropagation();
    event.preventDefault();
});