資訊專欄INFORMATION COLUMN
摘要：頁(yè)面設(shè)置圖片和標(biāo)簽等不可選中阻止標(biāo)簽等文字被選中在對(duì)應(yīng)元素的樣式中加阻止瀏覽器點(diǎn)擊圖片查看的行為常見(jiàn)于瀏覽器背景圖的方式插入這種是比較普遍的方式使用事件阻止默認(rèn)行為的方法
H5頁(yè)面設(shè)置圖片和span標(biāo)簽等不可選中 1.阻止span標(biāo)簽等文字被選中
在對(duì)應(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)擊圖片查看的行為(常見(jià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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53767.html
摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問(wèn)題顯示屏原理及設(shè)計(jì)方案說(shuō)明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋(píng)果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 原文鏈接 - https://github.com/FrontEndRo... H5項(xiàng)目常見(jiàn)問(wèn)題及注意事項(xiàng) Meta基礎(chǔ)知識(shí)： H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備...
摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問(wèn)題顯示屏原理及設(shè)計(jì)方案說(shuō)明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋(píng)果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 Meta基礎(chǔ)知識(shí)： H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面 //一、HTML頁(yè)面結(jié)構(gòu) // width 設(shè)置viewport寬度，為一...
閱讀 1385·2021-09-13 10:25
閱讀 570·2019-08-30 15:53
閱讀 2279·2019-08-30 15:44
閱讀 2041·2019-08-29 17:20
閱讀 1606·2019-08-29 16:36
閱讀 1807·2019-08-29 14:10
閱讀 1794·2019-08-29 12:44
閱讀 1176·2019-08-23 14:13
