问题标签 [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 - jQuery touchmove 未在 chrome 模拟器中注册
关于如何在手机/平板电脑上触发滚动事件(中滚动)也有类似的问题。我已经使用了下面提供的代码,但我还没有让它在 chrome 模拟器中工作。
当我使用触摸传感器而不是 touchmove 滚动时,touchstart 将记录。我错过了什么?
jquery - 带有 touchmove 事件的 jQuery Mobile
我正在尝试管理一个基本选择开关,如以下文档中所示:
http://demos.jquerymobile.com/1.4.5/flipswitch/
我的代码是:
HTML
JAVASCRIPT
当我从左 (ON) 到右 (OFF) 或从右 (OFF) 到左 (ON) 滑动时,它是有效的。
我的问题是:
- 如果我将手指放在 ON 上,然后向右滑动 (OFF),则状态变为 OFF,然后立即返回 ON;
- 如果我将手指放在 OFF 上,然后向左滑动 (ON),则状态变为 ON,然后立即返回 OFF。
如何解决这个问题?
html - HTML5 touchmove 在 Android 上总是会被打断
(未在 iOS / Windows 手机上测试)
我正在为移动设备构建 HTML5 游戏,并希望将用户的触摸输入用作操纵杆/控制器,但我在那里发现的每个 touchmove 脚本似乎在长时间的 touchmove 后都会中断。我只在安卓设备上正确测试过,但我尝试了几种不同的浏览器,结果是一样的。我知道e.preventdefault
并且width=device-width
我都在使用,但是这个错误仍然存在。这是我正在使用的代码:
下面是一些示例,您可以在其中测试发生的这种行为:
http://www.onlywebpro.com/demo/gamedev/mouse_detect.html
这些是我在网上找到的不同方法/脚本,到目前为止,我发现的所有 touchmove 代码示例似乎都无法正常工作。如果您在 android 设备上模拟连续拖动,touchmove 将在某个点中断并返回一个 touchend,然后连续返回一个 touchstart,直到您松开手指以停止 touchmove。这可能需要 1 秒或几分钟,但 touchmove 总会在某个时候中断。
任何建议/解决方案将不胜感激。
javascript - event.pageX/Y 在 touchmove 上不起作用
今天我发生了以下事情:我有一个现有的mousemove
事件,touchmove
后来又添加了,像这样:
不幸的是,这两个变量都undefined
在移动设备上。
javascript - jquery- 使用 elementFromPoint 通过 id 更改元素背景颜色
我有一个网格,我想模仿 这个链接中的绘图功能,问题是该代码上的功能在移动设备上不起作用。
touchmove
如果我在控制台中通过方块,我设法获得了 id 。由于某种原因,我无法更改我touchmove
通过的方形背景颜色。
这是我用来更改背景颜色的代码:
这是整个代码:
css
html
js
jquery - SVG 角度旋转由 mousemove/touchmove 错误
我想用一根手指通过 mousemove/touchmove 来旋转 svg 圆形。
我尝试了许多 js 脚本(例如Touchy Wheel Demo和Rotate Dial Demo)并且它们的示例运行良好,但是当我尝试我的示例时,我总是看到两个错误:
- 旋转仅适用于圆形的下部,顶部 - 它是反向旋转。
- 旋转工作非常缓慢(在演示轮中强烈跟随鼠标/手指)。
我的演示:https ://jsfiddle.net/0L87uabc/8/(之前请在作者的演示页面上查看它是如何工作的)
我也尝试这个简单的例子 - 结果类似于上面:
Domo2:https ://jsfiddle.net/0L87uabc/10/
你能解释一下,为什么我的 svg 不能正确旋转以及如何修复它(或者你知道最好的脚本)?
javascript - 如何使用 JavaScript 检测 iOS 上的滚动?
我通常在滚动事件中模拟元素,如下所示:
问题出在 iOS 上,touchmove
只有当我的手指实际触摸 iPad 而不是“自己”滚动时才会触发。
我确信对此有一个简单的解决方案。
这里使用 jQuery 进行更好的解释,因此解决方案也可以不使用 jQuery。
javascript - Div 在移动设备上不可滚动 (document.ontouchmove)
我有一个简单的网站,在整个文档对象上有一个 ontouchmove 处理程序。在这个网站上有几个带有滚动条的 div 元素(溢出:自动;高度:200 像素)。
这些 div 元素在移动设备上不可滚动。
如果我从文档对象中删除 ontouchmove-handler,那么它可以完美运行。
Mybe 有一个简单的解决方案,我可以使用 ontouchmove-handler 并制作可滚动的 div 元素?
angularjs - AngularJS touchmove 在多个项目上
我有一个项目列表,当我将手指移到每个项目上时,我想获取每个项目的 ID。它适用于鼠标,但不适用于触摸。我正在使用这个库:https ://github.com/nglar/ngTouch
HTML:
JS:
如果我在当前元素中,它工作正常,它检测到 3 个动作。但是例如,当我触摸第 1 项并将手指移动到第 2 项时,它没有检测到它,它仍然在第 1 项上。
jquery - jQuery 函数在没有 .html() 的情况下无法运行
我正在尝试使用 phonegap 制作一个电话应用程序,并且想要制作一个可以从左侧拖入的菜单。这段代码正在按我的意愿工作(在这个阶段),但是如果我$("#myElement").html(changePos);
从 touchmove 函数中删除该行,它就会停止工作。这条线只是用于监控数字,我不再想要它了,但是为什么没有它它就不能工作呢?