问题标签 [touchmove]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - touchstart 不能再滚动了
我想在不禁用父级滚动的情况下添加touchstart
事件。li
目前,它有效。我有滚动timeline
,我可以点击li
。
添加时touchstart
,我可以单击其中一个li
,这比click
在手机上要好。但问题是,我不能再滚动了timeline
...
我可以区分 touchstart、长按、touchmove 或类似的东西吗?
我想使用:
javascript - Cordova/Phonegap:JavaScript 等待屏幕导致 onScrollChanged 事件
我有一个“等待屏幕”,在 Cordova/PhoneGap 3.3 中的 javascript 计算(这些需要 5-10 秒)期间显示。等待屏幕是整个屏幕上的 DIV,使视图变暗。我的问题是当用户滑动等待屏幕时,整个应用程序滚动到一边,部分离开屏幕,同时打印以下日志消息:
我想这是因为我们在 window.setTimeout 的帮助下触发了等待屏幕,如下所示:
如果没有超时解决方案,DIV 根本不会显示,最小的工作超时值为 10 毫秒。我像这样在整个文档中阻止了 touchMove 事件
touchMove 阻止在任何地方都有效,但在等待屏幕期间无效。我也尝试将 EventListener 添加到等待屏幕 DIV,但它并没有阻止移动。
我怀疑超时会创建一个额外的 javascript 线程,该线程将主应用程序代码分开,因此 touchmove 不会在那里被阻塞。
有人可以帮助以下其中一项吗?1) 在没有超时的情况下执行等待屏幕或 2) 在超时期间有效阻止 touchmove
谢谢。
ios - 触摸移动有问题
我想确保动作随着按钮按下图片而移动(如在某些 trategiyah 中)。但是当我移动它时图像会抖动。这是代码:
即使稍微移动鼠标 - 图像也会跳跃。以下是日志中显示的内容:
同时,我将指针向一个方向移动。哪里错了?
我不想移动所有对象。我找到理由。如果写:
这是工作,但如果取消注释最后一个字符串问题返回。但它需要我的程序 =(
jquery - 拖放并与触摸屏设备交换
我在 stackoverflow 的某个地方找到了这个函数,但我正在尝试扩展它来处理我的 Ipod 触摸的触摸事件。我认为通过添加三行代码应该很容易做到,但我认为有些东西我不明白。我的代码是:
这个功能在电脑上很好用。我正在寻找的只是添加事件,使其在触摸屏设备上的工作方式相同。也许只做 onclick 会更容易,因为触摸屏可能很挑剔,但有人可以帮我创建一个交换功能来在我的 pod 上工作。
javascript - iScroll 5 容器边界检测滚动鼠标滚轮和触摸
我将 iScroll 5 与 fullpage.js 一起使用,因为 fullpage.js 提供的解决方案不是我需要的。
我的页面有 3 个整页部分。第二部分有一个垂直滚动的内容。
我需要做的是检测我的可滚动内容何时位于父元素的边界(顶部和底部),然后如果我再次执行滚动(鼠标滚轮或触摸),它会触发一个事件。
这是一个解决问题的小提琴。
我需要这样的东西:
希望你能帮助我,我会很感激任何帮助。
javascript - jQuery 在 touchstart 上启用功能,但不使用 touchmove 事件
我有一个响应式下拉菜单,仅在触摸或单击时打开,然后在单击或触摸菜单外的任何位置时关闭。如果移动用户只是想进一步向下滑动页面,则会出现问题,一旦他们触摸滚动,菜单就会关闭。我希望它仅在触摸菜单外而不是滚动(touchmove)时关闭。
这是我目前拥有的 js,即使只是试图滑动屏幕,它也会在任何类型的触摸事件上关闭菜单。如果有人尝试通过触摸滚动,我不希望此功能发生:
javascript - 为什么 touchmove 永远不会在 Android 的 chrome 中结束?
我有这段代码在 chrome 桌面上工作。我使用模拟触摸对其进行了测试,它按预期工作。当我尝试在平板电脑上使用 Android 版 chrome 观看时,我大吃一惊。这很复杂,但它应该创建一个用于控制相机的触摸板。它捕获开始,如果您将手指移动到任何一侧 50 像素,您就会开始朝它移动。当您停止触摸垫应该消失并且运动应该停止。同时,当我在平板电脑上这样做时,它根本不动,而且当我停止触摸时,如果我移动了手指,垫子永远不会隐藏......我不知道这是不是我的代码或浏览器本身的问题。
编辑:我尝试了适用于 android 的 firefox,它可以工作。它一定是关于 chrome 的东西......我认为它与 e.preventDefault();
代码如下:
javascript - 用 touchmove 事件替换 mousemove
我的程序识别mousemove event
. 我想做的是让我的程序适用于移动设备。
这就是为什么我想将 mousemove 事件转换为touchmove event
.
到目前为止,我的代码是这样的:
有没有办法让我轻松做到这一点?
我读过这相当于什么时候使用touchmove vs mousemove?但我不确定如何处理mouseX
和mouseY
。
javascript - 触发touchmove事件拖拽
嗨,我需要手动触发 touchmove 事件并将元素从移动设备(phonegap、jquery-mobile)上的计数器中拉出
有没有办法手动设置事件并使用该事件触发对象?
我是用这个来拖拽的,作者已经提过interact js没办法做到这一点,推荐:
- 调用您的拖放侦听器并为它们提供您创建的事件对象或 - 触发模拟指针事件,以便交互将它们视为用户的拖动。
任何想法?