问题标签 [touchstart]

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 投票
0 回答
900 浏览

javascript - ios javascript touchstart事件未触发

我有一个绝对定位的 div,它的父相对定位如下:

我正在向它的 touchstart 事件及其父事件添加代码,如下所示:

问题是当我在运行 iOS 7.1.2(Chrome 和 Safari)的 iPhone 4 上触摸该元素时,会显示“c”。

在物理 Android 手机 (Chrome)、运行 iOS 9.2 (Safari) 的模拟 iPhone 4s 和物理 iPhone 6+ (Safari) 上,代码可以正常工作并显示“d”。

有人可以帮我解释为什么 iPhone 4 (iOS 7.1.2) 将触摸发送给父母而不是孩子。谢谢!

0 投票
1 回答
621 浏览

javascript - touchstart 上没有原始事件

所以我正在使用 JQuery (1.11.3) 并且我一直被困在我在网上找不到任何东西的东西上。

基本上,我将一个处理程序绑定到一个“touchstart”事件并想要检索触摸事件的位置。(注意:我也尝试过$('#id').on('touchstart'...

这是我从第一个警报中得到的:

截图安卓1 截图安卓2

问题是 originalEvent (应该有我正在寻找的信息)只有属性isTrusted

截图安卓3

有谁知道我做错了什么?顺便说一句,我正在使用适用于 Android 的 Chrome。

0 投票
0 回答
1293 浏览

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

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

怎么了:

触摸 = 即时 X、Y 坐标

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

0 投票
1 回答
1118 浏览

javascript - 在科尔多瓦 windows 应用程序中使用触摸事件

我正在使用严重依赖于触摸事件(例如touchstarttouchmove. 这些事件在 android 和 iOS 版本中运行良好,但在 windows 版本中不会触发。相反,浏览器会尝试在触摸时滚动页面(注意:我event.preventDefault在 . 上调用该函数,touchstart但该事件甚至不会触发)。

在这种情况下,边缘浏览器具有与 cordova 应用程序相同的行为。在边缘中,当您导航到此标志设置为或应用程序正常运行时about:flags调用时,这是一个选项。我想知道在cordova应用程序中设置这个标志是否合理。enable touch eventsAlways onOnly on when a touchscreen is detected

0 投票
2 回答
118 浏览

javascript - 使按钮立即打开菜单

我希望我的移动菜单在用户触摸按钮后立即打开。当 offcanvas 菜单可见时,我在两个按钮中都使用了 ontouchstart="" 来在内容上创建一个叠加层,并且只要用户触摸任一按钮,它就会起作用。我希望这对于打开菜单的 href="javascript:void(0) 也能以完全相同的方式工作。这是网站:https ://londontradition.com ,您可以在触摸菜单按钮后立即看到, 覆盖变得可见,但是直到您松开手指后菜单转换才会开始。感谢您的帮助。

这里有一个例子:https ://www.ssense.com/

这是我的菜单关闭按钮的 html:

这是我的菜单打开按钮的 html:

0 投票
1 回答
51 浏览

javascript - 点击按钮后的小延迟

这是我的游戏 -我的游戏

问题:

当我在 Google Chrome 开发人员工具中检查游戏并单击(轻敲)画布(或按钮)时,它会出现小延迟,然后汽车向左或向右移动。我该如何解决这个问题?

(我想为移动设备制作游戏)

我试过了:

我正在使用touchstart事件。但是还是什么都没有……

编辑:

好的,我尝试了 FastClick,但它不起作用。

触摸事件现在在<head>

0 投票
1 回答
40 浏览

ios - 手机上的悬停菜单:录音时位于顶部

在我的网站上(仍处于测试版),这里: http: //www.collectifsaga.com/X/wordpress/fr/home-fr,我有一个菜单悬停(网格过滤器)

我的手机有问题(我有一部 iPhone,我不知道其他设备上是否有问题)与悬停菜单有关。悬停运行良好(:active在 CSS 中)并通过在以下内容中添加<head>document.addEventListener("touchstart", function() {},false);

这个问题是,当我点击悬停菜单时,页面直接转到顶部,即使我在它的中间或底部。而且很累

你知道怎么解决吗?

0 投票
1 回答
71 浏览

javascript - 在纯 JS中的标签上触发 touchstart 事件时,如何防止滚动而不是链接跟随?

0 投票
0 回答
136 浏览

javascript - Angularfire Login Ionic App 在设备上不起作用

我们已经开发离子动力游戏 6 个月了。它现在准备好进行 1.0 测试版推送了。

我们遇到了一个严重的问题。人们需要使用b4的谷歌登录(基于angularfire)他们可以玩游戏在最终的apk中停止工作,我似乎无法找到问题的根源。

在我的手机上进行实时调试后,我发现我的控制台中有 2 个警告,

我首先认为这与 ios 的过度滚动禁用有关

在尝试删除它之后,仍然没有任何改变。

现在我很好奇是否有人有同样的问题或某种解决方案?目前我没有项目的 plunker(大量代码)并且问题没有出现在桌面上,所以我认为不需要它。(是否需要一个 plunker,我一定会做一个)。

我不知道在这个阶段如何跟踪或解决问题,在桌面上我看不到任何问题。

- - 编辑 - -

解决这个问题的方法是我期望找到的不同方向。

  1. 更新了 npm、cordova 和 ionic。
  2. 做了一个ionic state save
  3. 做了一个ionic platform remove android
  4. 做了一个ionic platform add android
  5. 重复此操作,直到我发现所有丢失的插件和重新安装的所有插件(需要使用 git https 链接而不是仅使用名称)
  6. 解决了问题,喝了一杯。
0 投票
3 回答
56 浏览

javascript - 只能在子元素填充它的地方点击

请在桌面和 iPhone 上查看我的 JS Fiddle:

https://jsfiddle.net/5jb3x5cn/4/

我正在使用click eventListener一个document.body

我用蓝色填充了背景,这样你就可以看到整个框架都被身体填充了,并且高度为100vh.

我为 iPhone 插入了一个子元素。

在桌面上,您会注意到无论您在何处单击body. 在 iPhone 上,仅当您单击子元素时才会显示警报。我只能假设子元素用一些空间“填充”主体,您可以在其中单击 - 无论主体设置的高度如何。

有趣的是,document.body.clientHeight返回的值表明body具有不错的可点击大小。

现在,如果您前往:https ://jsfiddle.net/5t8arze9/1/

你会注意到整个body是可点击的。这里我使用了touchstart eventListener.

谁能指出我正确的方向?

干杯,丹