问题标签 [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 回答
115 浏览

html5-canvas - 为什么 kineticJS 无法通过触摸或鼠标移动作品?

我需要在屏幕的白色部分内触摸或鼠标移动时移动这个“框”组。

在此处输入图像描述

该组包含我添加的框。通过键箭头移动工作正常,页面可以在网页上找到

0 投票
0 回答
795 浏览

jquery - 当孩子被移除时,Touchmove 事件仅触发一次

在父级上注册 touchmove 事件时,如果回调删除了子级,我只会收到第一个 touchmove 事件。我想继续在父级上接收 touchmove 事件,尽管里面的子级已被删除或添加。

我准备了一个 JS-fiddle 来演示这个问题:http: //jsfiddle.net/EVpML/3/

当触摸和拖动#parent(通过#child)时,#child 被移除并且不再向#parent 发送touchmove 事件。

我可以在 Android 4.4.3 上的 Chrome 中确认这一点,但为了帮助您解决这个问题,您可以按照以下指南在 Chrome 中启用移动触摸仿真:https ://developer.chrome.com/devtools/docs/mobile-emulation

0 投票
1 回答
1021 浏览

javascript - 如何使此 scrollTop 功能适合移动设备

我已经制作了一个可以在计算机上很好地运行的功能。但在手机上,只有在滚动停止时位置才会刷新。这是一个已知问题,我找到了答案,但我没有在我的函数工作中得到它。也许你们中的一个可以帮助我。

我的功能:

在互联网上我发现这个我应该在我的函数中替换:

或这个:

如果有人可以重写我的函数以便它在手机中顺利运行,那就太好了。

编辑

我简要解释一下这个函数的作用。当您加载我的页面时,会出现带有标题的黑屏。没有其他的。当您向上滚动时,标题应该正常向上移动,直到他到达顶部。当它到达顶部时,它会获得“位置:固定”属性。当您向下滚动时,它再次获得“位置:相对”属性。没有其他事情应该发生。但是在手机上,文本会向上滚动,直到滚动停止(大多数时候您将文本滚动到屏幕外)并在固定位置弹出。但是当它修复时一切都很好并且它就在那里。

0 投票
1 回答
1410 浏览

twitter-bootstrap - 在引导模式覆盖下禁用滚动

我在引导模式下有可滚动的内容。当我在弹出叠加层上触摸移动时,我仍然可以滚动模态下的内容。它可以以某种方式禁用吗?

在 iPad mini 上测试。

0 投票
1 回答
242 浏览

cocos2d-iphone - 使用 TouchMoved 拖动精灵

我将 Xcode 与 Cocos2d 3.0 版一起使用。

我想在屏幕上拖动精灵。我已经使用以下代码成功完成了此操作:

但是,有时精灵会在一秒钟后停止移动。这不是滞后,因为他们永远追不上我的动作。他们只是停下来!如果我放手并再次开始移动我的触摸,精灵会再次开始正常移动/有时会再次执行“冻结操作”。

是内存问题吗?

好的,我确定它一定是内存。我将此代码复制到一个几乎没有任何精灵的简单游戏中,它运行良好。

0 投票
1 回答
962 浏览

javascript - 在检测 touchmove 时检测 touchstart

我最近一直在忙于一个项目,直到现在我一直在使用 chromes debugger mobile emulator。这意味着我已经能够用鼠标模拟触摸和拖动行为。不幸的是,因为只有一只鼠标,我永远无法同时做这两个。

我正在处理的项目向页面添加了两个半页大小的 DOM 元素,左侧的一个绑定了 touchmove 事件侦听器,右侧的另一个绑定了 touchstart 事件侦听器。他们都在游泳。

但是今晚我把我的项目上传到网上来测试一些东西,然后用 iPad 打开它,发现我一次只能执行一个动作。当我在左侧 touchmove 时,页面无法检测到右侧的 touchstart 事件,同样,当我点击右侧时,也无法检测到左侧的 touchmove 事件。

以前有人做过这样的事情吗?就像在不同的 DOM 元素上检测不同的触摸集一样?

此处包含的代码片段有点大,但 github 存储库的链接在这里:https ://github.com/matthewolsson/JoyShtick

0 投票
2 回答
3699 浏览

javascript - How to Select text on mobile web browser by moving touch on screen using javascript?

I am trying to select text from mobile web browser on touch based mobile by moving touch on screen using javascript. I don't want to use long touch to select text. I am trying to get selected text just like browser on desktop not like mobile provided way.

When I am trying to select text page is scrolling. But Instead of scrolling I want text selection.

Please provide me way to select text.

0 投票
0 回答
422 浏览

javascript - ontouchmove 只为第一个元素触发一次(不会触发其他元素的 ontouchmove 事件)

我正在使用 Android 来调整我的一个旧 JavaScript 游戏,我想知道为什么“touchmove”只会触发我用手指按下的第一个元素。按下该元素后,我移动手指(不松开它),当我进入另一个元素时,新元素不会触发其“touchmove”事件。

我做了这个简单的例子来测试(它不是我使用它的实际代码,但它仍然具有相同的行为):

我在 Android 的默认浏览器(三星 Galaxy S3)上尝试了该代码。我开始用手指按“Box 1”(由于执行了事件,它变黑了),然后在不松开手指的情况下继续移动它通过“Box 2”和“Box 3”,但它们永远不会变黑,因为他们的事件永远不会被触发。

我期望的是与桌面浏览器上的“mousemove”事件类似的行为。您可以在任何启用了 JavaScript 的桌面浏览器上测试以下代码:

当您将鼠标移到元素上时,所有元素都变为黑色。当我使用 ontouchmove 时没有发生什么?

顺便说一句,我知道需要使用“preventDefault()”的 Android 错误。我尝试在我的实际游戏代码中使用事件的 preventDefault 方法,但它仍然做同样的事情。

先感谢您。

干杯,琼

0 投票
1 回答
554 浏览

javascript - 尝试使用 hasAttribute 识别父级的后代时出现未定义错误

我试图确定一个元素是否是另一个具有特定属性的选民的后代。到目前为止,当值为 true 时我没有问题,但是TypeError: undefined is not a function (evaluating 'node.hasAttribute(attribute)')当 hasAttribute 为 false 时我得到了。有任何想法吗?

这是小提琴,尽管由于某种原因它的行为更加奇怪:http: //jsfiddle.net/x95tgmkn/

0 投票
0 回答
435 浏览

android-layout - 如何在手指触摸时以相对布局移动图像?在安卓中

我想通过手指触摸移动图像。我为此使用相对布局。我将在 ACTION_UP 和 ACTION_DOWN 中做什么?我使用以下代码我想在手指触摸时以相对布局移动 Visacard。

请告诉我是否有人知道解决方案。谢谢!