fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

[js] 第168天 如何解决在手机上长时间点击会选中图片?

Open haizhilin2013 opened this issue 6 years ago • 3 comments

第168天 如何解决在手机上长时间点击会选中图片?

haizhilin2013 avatar Sep 30 '19 20:09 haizhilin2013

个人理解,默认情况下长按是会选中图片的,一般是通过CSS 设置禁止选中,同时在移动端,长按应该会触发oncontextmenu

Davidyanlong avatar Oct 01 '19 09:10 Davidyanlong

  • 用事件穿透即可
img {
    pointer-events: none; 
}
  • 关于 @Davidyanlong 讲的,经测试(iOS13 Safari):
    • CSS 禁止选中user-select:none,并不能解决长按选中图片的问题
    • 长按不会出发contextmenu事件,长按并没有暴露出原生的事件

vkboo avatar Oct 02 '19 08:10 vkboo

img{ -webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */ -moz-user-select: none; }

xiaoqiangz avatar Aug 03 '22 03:08 xiaoqiangz