美文网首页
vue 移动端阻止图片长按事件

vue 移动端阻止图片长按事件

作者: 野咪咕 | 来源:发表于2024-08-07 16:14 被阅读0次

来个透明 div  覆盖到img上

.imgView{

      width: 7.02rem;

      height: 5rem;

      position: absolute;

      top: 0;

      left: 0;

      z-index: 110;

//阻止代码

 -webkit-touch-callout: none;

      -webkit-user-select: none;

      -moz-user-select: none;

      -ms-user-select: none;

      user-select: none;

      -webkit-user-drag:none;

    }

    #img {

      z-index: 10;

      width: 6.54rem;

      height: 4.6rem;

//阻止代码
-webkit-touch-callout: none;

      -webkit-user-select: none;

      -moz-user-select: none;

      -ms-user-select: none;

      user-select: none;

      -webkit-user-drag:none;

    }

相关文章

  • vue移动端长按事件

    代码

  • Vue移动端长按事件

    页面布局如下: 说明:因为这里是长按一张指纹图片,移动端长按图片会提示“保存图片”,虽然不影响跳转,但是会误导用户...

  • 移动端指纹识别(长按事件)

    移动端有些H5项目上有模拟指纹识别的效果,其实也就是长按事件。核心就是判断触摸的长短,以及阻止页面的默认长按事件。...

  • vue移动端绑定@click事件失效问题

    vue移动端绑定click事件失效问题原因可能是你使用了better-scroll,默认它会阻止touch事件。所...

  • Vue 滚动事件穿透解决方案

    移动端 阻止默认事件 PC

  • 移动端样式处理

      清除手机tap事件后 element 时候出现的一个高亮 移动端取消touch高亮效果   禁止长按链接与图片...

  • Vue移动端触摸事件

    其实就是一个TouchEvent对象+上Vue的自定义事件,实现移动端的上滑、下滑、左滑、右滑,长按、点击 组件 ...

  • 移动端------移动事件对

    在移动端,用户每时每刻都在触发移动事件,比如触摸的事件,点击,长按,左右滑动的事件,手指缩放,等等。都是移动事件的...

  • 阻止长按手机屏幕出现的选中事件

    阻止手机端长按或pc端(微信端)点击后出现的选中事件 1.微信端/pc 2.app端

  • 移动端

    原生事件 因为click有300ms的延迟(用于判断是否长按),所以不建议在移动端使用click。移动端事件,主要...

网友评论

      本文标题:vue 移动端阻止图片长按事件

      本文链接:https://www.haomeiwen.com/subject/xexckjtx.html