Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

Davidyanlong

Davidyanlong commented on Oct 1, 2019

@Davidyanlong

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

vkboo

vkboo commented on Oct 2, 2019

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

xiaoqiangz commented on Aug 3, 2022

@xiaoqiangz

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    jsJavaScript

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@Davidyanlong@xiaoqiangz@vkboo

        Issue actions

          [js] 第168天 如何解决在手机上长时间点击会选中图片? · Issue #1281 · haizlin/fe-interview