一. 移動端禁止選中內容
如果你不想用戶可以選中頁面中的內容,那么你可以在css中禁掉:
.user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
二.
移動端取消touch高亮效果
在做移動端頁面時,會發(fā)現(xiàn)所有a標簽在觸發(fā)點擊時或者所有設置了偽類 :active 的元素,默認都會在激活狀態(tài)時,顯示高亮框,如果不想要這個高亮,那么你可以通過css以下方法來進行全局的禁止:
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}但這個方法在三星的機子上無效,有一種妥協(xié)的方法是把頁面非真實跳轉鏈接的a標簽換成其它標簽,可以解決這個問題。
三.
如何禁止保存或拷貝圖像(IOS)
通常當你在手機或者pad上長按圖像 img ,會彈出選項存儲圖像 或者拷貝圖像,如果你不想讓用戶這么操作,那么你可以通過以下方法來禁止:
img { -webkit-touch-callout: none; }