问题标签 [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.

0 投票
1 回答
1063 浏览

jquery - 到达页面底部时的切换类

当用户开始滚动时,我使用了代码来更改我的粘性标题的 css。

我想保持这种状态,但是当用户也到达页面底部时,我希望将我的粘性标题更改回其原始 css 类(#header_container)。

对不起,我不擅长这个。

希望你能帮忙!谢谢!

0 投票
1 回答
162 浏览

javascript - Touchmove 数据不会不断传输到 Node.js

我写了一个小程序,您可以在其中加载图像,在单击、拖动或触摸移动时选择鼠标/手指位置的颜色。如果我在图像上拖动鼠标 ( canvas),颜色数据会通过 不断传输到node.js服务器socket.io。在每个连接的客户端上,颜色都会立即更新。

视频

但是,如果我在平板电脑上触摸移动,颜色数据将不会不断传输。我不知道如何解决这个问题。你有想法吗?

请参阅Github上的项目。

app.js(服务器)

index.html(浏览器)

0 投票
1 回答
1399 浏览

javascript - 如何防止默认浏览器滚动与节流功能相结合的触摸移动

当手指在触摸设备上移动时,我需要触发一个功能。当您 touchmove 时,默认浏览器滚动被禁用,e.preventDefault(); 请参阅JsFiddle上的第一部分。

为了减少流量,这个函数只在你从库中调用时每半秒touchmove调用一次_.throttleunderscore但是,浏览器滚动不再被禁用。见第二节

即使调用的功能受到限制,如何在触摸设备上禁用浏览器滚动?

第 1 节

第 2 节

0 投票
0 回答
820 浏览

jquery - 在移动设备上滚动时让 Waypoints Inview 工作

我正在使用 Waypoints Inview 来检测当我滚动到我网站的某个部分时抓取 div 的背景颜色以查看它是什么颜色,然后我将一个类输出到我的导航上以更改颜色。

它在桌面上运行良好,但在移动设备上,它只有在用户停止滚动时才会触发,这使得它看起来无法正常工作。现在我知道您可以使用“touchmove”,但我不知道如何使用 Waypoints Inview 进行操作。

我很确定我已经到处寻找答案,但似乎无法弄清楚。

我已经包含了一个 JSFiddle 来向您展示我正在尝试完成的导航如何更改的基本版本,以便您可以在背景中看到它。我只需要一种让它立即在移动设备上运行的方法,而不是在你停止滚动后。

谢谢,

0 投票
0 回答
1293 浏览

javascript - 事件触发前的Javascript TouchMove延迟

我正在尝试获取触摸位置的恒定坐标,不幸的是,当我运行应用程序时,我注意到在激活“touchmove”之前需要超过像素阈值或其他东西。有没有办法改变这个阈值?或者也许是别的什么?(最好不要使用 JQuery)

怎么了:

触摸 = 即时 X、Y 坐标

Move Touch around = X,Y 坐标在“通过一定数量的像素”(阈值?)之前不会改变

0 投票
1 回答
1420 浏览

javascript - Cordova - 'touchmove' 事件不会立即触发

我有这个简单的代码:

我想要做的是让事件“touchmove”立即触发,但它需要特定数量的像素才能通过,就像触发之前的阈值一样。

就我而言,似乎我必须将手指移动大约半英寸才能触发。有没有办法在没有门槛的情况下让它着火?

我试图在我的应用程序中拖动一个简单的框,但它似乎在识别“touchmove”之前检查不同的事件,并且由于延迟而使它看起来很丑。

这是距离问题,不是时间问题。

0 投票
1 回答
406 浏览

javascript - 持续 ontouchmove?

我如何在我的 Android 手机上连续运行它,就像它在我的 PC 上运行的方式一样?目前它没有:

0 投票
0 回答
342 浏览

javascript - 移动设备上的触摸滚动不起作用使用modernizr.js

对于移动设备中的此代码,如果我触摸并移动正文,它不会移动,但如果触摸页眉或页脚并移动它滚动,任何人都可以帮助...

但是在我的(iphone)或某些手机中它可以工作它在其他一些手机中不起作用您可以使用浏览器模拟器检查它在那里不起作用我感觉问题出在modernizr.js中,任何人都可以帮忙

0 投票
0 回答
168 浏览

javascript - jQuery touchmove 事件仅适用于向上滚动

我想在它们出现时加载一个 mpu 广告位。它目前在桌面上运行良好,但处理移动设备的代码表现不佳。

当广告位在页面上部分可见时,应显示广告。目前,这仅在用户向下滚动到广告位然后向上滚动时才有效。

一旦用户向上滚动,广告就会被加载。为什么??

在页面上放置广告时调用的函数:

用于确定广告容器是否可见的函数:( 由上述函数使用)

0 投票
0 回答
383 浏览

javascript - 只允许滚动一个
在移动

在一个网络应用程序上工作,我想防止屏幕四处移动,所以我从这个开始:

...然后我意识到我div需要能够滚动,所以我添加了:

工作正常,但现在在该 div 内的移动设备上滚动可能会导致整个屏幕再次移动。不是世界末日,但是……难道没有办法让一切都保持静止,只让一个 div 移动吗?

编辑

好的,虽然我敢打赌它可以合并并变得更优雅?: