问题标签 [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 投票
1 回答
696 浏览

jquery - 滑动 jquery 滑块时防止点击 Ipad/Iphone

我有结构

我为 iphone/ipad 创建了滑动,我在 DIV 上设置了溢出:隐藏并上下移动 UL

问题是当我开始touchstart事件时,通过将手指放在链接<a></a>上并上下移动手指进行滑动,滑动完成后页面的位置发生了变化,链接点击工作......我需要防止那

我只想更改页面的位置,并且仅在 touchstart 之后发生 touchend 时,它们之间没有 touchmove ...

请给我建议,谢谢

0 投票
1 回答
2169 浏览

android - Phonegap Android 点击并按住

我使用的是在这里找到的代码版本

它在某些操作之前执行点击并按住的“技巧”,但我的问题是只有当我停止触摸屏幕时才会触发操作,而我希望在点击至少 1 秒后触发操作,无论我是否停止触摸屏幕与否..

这个似乎更接近我想要的,但它似乎并不完整..(据我了解.. gbStillTouching 总是错误的?我看不到任何地方被切换.. gnstarttime ==nid?不是 nid=gnstarttime ?

0 投票
1 回答
1948 浏览

touch - jqplot 工具提示在触摸时显示,而不是 jqplotDataHighlight 或 higlightMouseOver 或 highlightMouseDown

我正在使用 jqplotDataHighlight 选项在 MouseOver 上的图表上显示工具提示。

它工作正常。在 iPad 上,我希望在某些触摸事件上显示工具提示。我该如何实现它?

我观察到只有上述两个选项可用。如何在 touchstart 上实现它?在双击或任何其他事件上显示工具提示也会有帮助

0 投票
2 回答
21857 浏览

javascript - touchstart 和 touchend 模拟悬停或 mouseup 和 mousedown

我需要在 iphone 菜单中模拟悬停或 mouseup/down,我给出了两个示例。

这在iphone中不起作用,

但以下是工作

问题是我需要使用toggleClass。

小提琴示例http://jsfiddle.net/UcyAb/

0 投票
1 回答
862 浏览

hover - Kinetic JS,触摸/悬停这个,影响所有其他对象

因此,我将尽我所能解释这一点:我有一个画布,上面有一堆要触摸的对象,它们具有突出显示的状态(如您在此处看到的那样交换背景图像)。我在这里只展示对象“应用程序”和“企业”的 2 个示例,但这些对象有很多。我的目标是让一个对象有它的悬停图像,而其余的则没有。单击另一个对象后,我希望激活该对象的悬停图像,并删除所有其他对象的悬停图像(基本上摆脱了“触摸鼠标移出”功能。

我想说的是:'如果 touchstart/mouseover 这个对象,使用它的悬停图像,并禁用所有其他对象上的所有悬停图像。

0 投票
1 回答
2641 浏览

touch - ipad 上的 Kinetic JS touchstart/touchend 混淆

我无法调试这个问题:如果你在 iPad 上查看这个 jfiddle,你会看到你可以点击每个圆圈来更改上面的内容。当您按住一个圆圈时,您会看到它变成绿色(图像交换)。

http://jsfiddle.net/SWj9m/

现在,用你的手指按住一个,然后向上拖动你的手指,或者在按住前一个的同时用另一个手指单击另一个环。现在,iPad 触摸事件变得混乱,绿色(touchstart)事件留在原地而不是离开。我们最终有多个圆圈卡在绿色中,这意味着 touchend 事件从未发生过。

有人以前见过这个问题,或者知道如何进行调试吗?

此片段显示了 touchstart/end 事件

0 投票
1 回答
660 浏览

jquery - HTML画布jQuery移动问题

我正在尝试使用“touchstart”移动事件和 HTML5 画布使用 jquery mobile 绘制一些东西!

我使用这个 html 代码:

和JS代码:

但是我的圆圈看起来像省略号并且非常模糊!

我用经典的 html 页面尝试了这段代码,它在我的设备上运行良好......

你有什么主意吗 ?

谢谢

0 投票
2 回答
8690 浏览

javascript - Android - JavaScript:在缩放或滚动页面之前不会触发 touchstart 事件

在我的 Android 应用程序中,用户可以使用 ViewPager 浏览一些 HTML 页面,并且用户可以触摸一个元素来突出显示。

问题是当尝试使用以下代码使用 javascript 获取触摸事件时,elementFromPoint 在导航到新页面时返回 null,但是在用户缩放页面或滚动页面后,它可以正常工作。

我发现 touchstart 事件的注册发生在缩放或滚动页面之后。所以它在那之后就可以工作了,尽管它是在 $(document).ready() 上注册的

谢谢

0 投票
1 回答
1220 浏览

jquery - toggleClass 下拉菜单在 Ipad 上不起作用

我正在创建一个脚本,它将在桌面、Ipad 或平板电脑上的导航项下显示下拉菜单。

现在,当我在桌面上测试它时,下拉菜单正在显示,而不是在 Ipad 上。

我尝试添加警报以查看当我点击 Ipad 上的导航项时它们是否显示,它们确实显示了。所以我想知道 Ipad 上的 ToggleClass 是否存在问题?

为什么这段代码在 Ipad 上不起作用?

0 投票
1 回答
1565 浏览

javascript - 在不禁用滚动的情况下在 touchstart 上进行 preventDefault()

我使用以下脚本来防止第一次点击链接:

因为这些链接 [#container a] 覆盖了整个屏幕,所以我无法在触摸设备上滚动。

如果用户滚动(touchmove / swipe / drag / ...),是否有办法保持滚动行为

也许还有另一种方法/脚本可以在不禁用滚动的情况下获得我想要的效果......?