資訊專欄INFORMATION COLUMN
摘要：頁面設(shè)置圖片和標(biāo)簽等不可選中阻止標(biāo)簽等文字被選中在對應(yīng)元素的樣式中加阻止瀏覽器點(diǎn)擊圖片查看的行為常見于瀏覽器背景圖的方式插入這種是比較普遍的方式使用事件阻止默認(rèn)行為的方法
H5頁面設(shè)置圖片和span標(biāo)簽等不可選中 1.阻止span標(biāo)簽等文字被選中
在對應(yīng)元素的CSS樣式中加
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;2.阻止瀏覽器點(diǎn)擊圖片查看的行為(常見于uc瀏覽器)
1.背景圖的方式插入(這種是比較普遍的方式)
background:url(./img/tip.png) norepeat center; background-size: cover;
2.使用js事件阻止默認(rèn)行為的方法
const imgMask = document.getElementById("mask");
imgMask.addEventListener("click", function (event) {
event.stopPropagation();
event.preventDefault();
});
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/53767.html
摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設(shè)計(jì)方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 原文鏈接 - https://github.com/FrontEndRo... H5項(xiàng)目常見問題及注意事項(xiàng) Meta基礎(chǔ)知識： H5頁面窗口自動調(diào)整到設(shè)備...
摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設(shè)計(jì)方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 Meta基礎(chǔ)知識： H5頁面窗口自動調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面 //一、HTML頁面結(jié)構(gòu) // width 設(shè)置viewport寬度，為一...
摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設(shè)計(jì)方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 Meta基礎(chǔ)知識： H5頁面窗口自動調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面 //一、HTML頁面結(jié)構(gòu) // width 設(shè)置viewport寬度，為一...
閱讀 1380·2021-09-13 10:25
閱讀 564·2019-08-30 15:53
閱讀 2276·2019-08-30 15:44
閱讀 2035·2019-08-29 17:20
閱讀 1601·2019-08-29 16:36
閱讀 1804·2019-08-29 14:10
閱讀 1792·2019-08-29 12:44
閱讀 1173·2019-08-23 14:13
