移动端禁止图片/文字长按默认行为

最新推荐文章于 2023-09-11 15:59:20 发布

°折月煮酒

最新推荐文章于 2023-09-11 15:59:20 发布

阅读量864

点赞数 1

文章标签： html css html5 css3

本文链接：https://blog.csdn.net/crazyxiaoyuge/article/details/109594435

版权

移动端 app内 ios系统会出现长按某个图标会出现大图展示以及调出控制面板，这样的话用户体验不好，不像是原生的页面，下面提供遇到这个问题后解决的方法，亲测有效：

    img {
        -webkit-touch-callout: none; // 禁用系统默认菜单、img元素比如保存图像等等
        pointer-events: none;// 阻止点击、状态变化和鼠标指针变化：
    }
    .text{
        -webkit-user-select: none;    // 禁止长按选择文字/图片行为 
    }
    .content{
        -webkit-touch-callout: none;// 禁止长按呼出菜单
    }