问题标签 [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.
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) 将触摸发送给父母而不是孩子。谢谢!
javascript - 事件触发前的Javascript TouchMove延迟
我正在尝试获取触摸位置的恒定坐标,不幸的是,当我运行应用程序时,我注意到在激活“touchmove”之前需要超过像素阈值或其他东西。有没有办法改变这个阈值?或者也许是别的什么?(最好不要使用 JQuery)
怎么了:
触摸 = 即时 X、Y 坐标
Move Touch around = X,Y 坐标在“通过一定数量的像素”(阈值?)之前不会改变
javascript - 在科尔多瓦 windows 应用程序中使用触摸事件
我正在使用严重依赖于触摸事件(例如touchstart
和touchmove
. 这些事件在 android 和 iOS 版本中运行良好,但在 windows 版本中不会触发。相反,浏览器会尝试在触摸时滚动页面(注意:我event.preventDefault
在 . 上调用该函数,touchstart
但该事件甚至不会触发)。
在这种情况下,边缘浏览器具有与 cordova 应用程序相同的行为。在边缘中,当您导航到此标志设置为或应用程序正常运行时about:flags
调用时,这是一个选项。我想知道在cordova应用程序中设置这个标志是否合理。enable touch events
Always on
Only on when a touchscreen is detected
javascript - 使按钮立即打开菜单
我希望我的移动菜单在用户触摸按钮后立即打开。当 offcanvas 菜单可见时,我在两个按钮中都使用了 ontouchstart="" 来在内容上创建一个叠加层,并且只要用户触摸任一按钮,它就会起作用。我希望这对于打开菜单的 href="javascript:void(0) 也能以完全相同的方式工作。这是网站:https ://londontradition.com ,您可以在触摸菜单按钮后立即看到, 覆盖变得可见,但是直到您松开手指后菜单转换才会开始。感谢您的帮助。
这里有一个例子:https ://www.ssense.com/
这是我的菜单关闭按钮的 html:
这是我的菜单打开按钮的 html:
javascript - 点击按钮后的小延迟
这是我的游戏 -我的游戏
问题:
当我在 Google Chrome 开发人员工具中检查游戏并单击(轻敲)画布(或按钮)时,它会出现小延迟,然后汽车向左或向右移动。我该如何解决这个问题?
(我想为移动设备制作游戏)
我试过了:
我正在使用touchstart
事件。但是还是什么都没有……
编辑:
好的,我尝试了 FastClick,但它不起作用。
触摸事件现在在<head>
ios - 手机上的悬停菜单:录音时位于顶部
在我的网站上(仍处于测试版),这里: http: //www.collectifsaga.com/X/wordpress/fr/home-fr,我有一个菜单悬停(网格过滤器)
我的手机有问题(我有一部 iPhone,我不知道其他设备上是否有问题)与悬停菜单有关。悬停运行良好(:active
在 CSS 中)并通过在以下内容中添加<head>
:document.addEventListener("touchstart", function() {},false);
这个问题是,当我点击悬停菜单时,页面直接转到顶部,即使我在它的中间或底部。而且很累
你知道怎么解决吗?
javascript - 在纯 JS中的标签上触发 touchstart 事件时,如何防止滚动而不是链接跟随?
javascript - Angularfire Login Ionic App 在设备上不起作用
我们已经开发离子动力游戏 6 个月了。它现在准备好进行 1.0 测试版推送了。
我们遇到了一个严重的问题。人们需要使用b4的谷歌登录(基于angularfire)他们可以玩游戏在最终的apk中停止工作,我似乎无法找到问题的根源。
在我的手机上进行实时调试后,我发现我的控制台中有 2 个警告,
和
我首先认为这与 ios 的过度滚动禁用有关
在尝试删除它之后,仍然没有任何改变。
现在我很好奇是否有人有同样的问题或某种解决方案?目前我没有项目的 plunker(大量代码)并且问题没有出现在桌面上,所以我认为不需要它。(是否需要一个 plunker,我一定会做一个)。
我不知道在这个阶段如何跟踪或解决问题,在桌面上我看不到任何问题。
- - 编辑 - -
解决这个问题的方法是我期望找到的不同方向。
- 更新了 npm、cordova 和 ionic。
- 做了一个
ionic state save
- 做了一个
ionic platform remove android
- 做了一个
ionic platform add android
- 重复此操作,直到我发现所有丢失的插件和重新安装的所有插件(需要使用 git https 链接而不是仅使用名称)
- 解决了问题,喝了一杯。
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
.
谁能指出我正确的方向?
干杯,丹