移动端禁止长按选择
方式一:簡單粗暴
*{ user-select:none; -webkit-user-select:none; }
Tips:基本可以禁止所以瀏覽器的長按選擇(UC瀏覽器除外)。另外該方法是禁止所以標(biāo)簽的選擇,如果頁面中存在 input 或 textarea 等輸入標(biāo)簽則不適用該方法,因為IOS系統(tǒng)中無法激活輸入標(biāo)簽。
方式二:優(yōu)化
*:not(input){ user-select:none; -webkit-user-select:none; }
Tips: 如果頁面中只有 input /?textarea 中的一個,則可以使用該方法。有人會說為什么不用?*:not(input, textarea){ xxx?},因為在安卓系統(tǒng)中無效。
方式三:進一步優(yōu)化
*{ user-select:none; -webkit-user-select:none; }
input,textarea{ user-select:text; -webkit-user-select:text; }
Tips:最后是比較通用的方法。
總結(jié)
- 上一篇: 微信小程序设置云函数使用的环境
- 下一篇: JS 获取指定时间的时间戳(兼容各个浏览