博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端点击事件、滑动不可用的坑~~
阅读量:4100 次
发布时间:2019-05-25

本文共 442 字,大约阅读时间需要 1 分钟。

前两天被一个问题坑了一整个下午,准确的说是被自己坑的,最后的结果还是很俗套的找到了原因鄙视

调试的时候,为了禁止页面的滑动触摸事件,监听了touchmove事件,然后在点击事件找到别的方法禁止掉后,忘掉把滑动触摸事件删掉。然后就没有然后了闭嘴

在这里也说下,一般移动端页面的点击事件不起作用,或者滑动不起作用,一般检查这两处,基本就能解决:

1.是否在页面根元素,设置了overflow: hidden

2.看下是禁掉了页面的touch事件:

touchstart(屏幕触摸事件) touchmove(屏幕滑动事件) touchend(触摸结束)
//这个是禁止滑动触摸事件window.ontouchstart = function(e) { e.preventDefault(); };document.addEventListener("touchmove", function(e){ e.preventDefault(); }, false);

特此来纪念下,一首凉凉送给自己鄙视~~~

你可能感兴趣的文章
Spring-Cloud-Finchley | 熔断 Hystrix
查看>>
Spring-Cloud-Finchley | 路由网关 Zuul
查看>>
Spring-Cloud-Finchley | 配置中心 Config
查看>>
Kong 网关 | 快速安装与入门
查看>>
PostgreSQL 安装与入门
查看>>
Kong 网关 | Rate Limiting 限流
查看>>
Kong网关 | 「Kong & Prometheus & Grafana」 实时监控
查看>>
Kong 网关 | Service
查看>>
Kong 网关 | Route
查看>>
自媒体的未来
查看>>
写作的好处
查看>>
分布式的冰与火 | 分布式配置中心 Apollo (CentOS安装)
查看>>
Redis | Redis 单机版安装与使用(Linux)
查看>>
延迟满足 —— 达到目标需要忍住重重诱惑
查看>>
SpringBoot 2.0 | SpringBoot 集成 Apollo
查看>>
Redis | 持久化机制
查看>>
计算机专业Java毕设怎么做
查看>>
MySQL | MySQL 主从复制
查看>>
Zookeeper | 环境搭建
查看>>
Zookeeper | 实现服务注册与发现
查看>>