fe-interview
fe-interview copied to clipboard
[js] 第168天 如何解决在手机上长时间点击会选中图片?
第168天 如何解决在手机上长时间点击会选中图片?
个人理解,默认情况下长按是会选中图片的,一般是通过CSS 设置禁止选中,同时在移动端,长按应该会触发oncontextmenu
- 用事件穿透即可
img {
pointer-events: none;
}
- 关于 @Davidyanlong 讲的,经测试(iOS13 Safari):
- CSS 禁止选中
user-select:none,并不能解决长按选中图片的问题 - 长按不会出发
contextmenu事件,长按并没有暴露出原生的事件
- CSS 禁止选中
img{ -webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */ -moz-user-select: none; }