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

javascript - Android 浏览器上过早的触摸取消事件的解决方法

我正在尝试为基于网站的下拉菜单修改 jquery 代码。具体来说,我正在为 Android Browser build 4.4.2 Samsung Galaxy S4 上触发的过早的 touchcancel 事件制定解决方法。

这是我正在尝试使用的代码:

它适用于大多数设备和大多数浏览器。仅在那个特定的 Android 浏览器上,菜单会下拉并再次快速向上滑动。我假设正在触发一个过早的触摸取消事件。我尝试了各种方法,但无论我尝试什么,我似乎都无法拥有所有这些元素,也没有在该设备上触发触摸取消。

我可以做些什么来解决 Android 浏览器的这个问题吗?

0 投票
1 回答
522 浏览

javascript - 为什么Android点击区域的半径比touchstart的半径大?我怎样才能使它保持一致?

我有一个简单的矩形锚标签。click我使用 jQuery来响应touchstart以下事件:

HTML 如下所示:

CSS 很简单:

我把它作为一个演示来展示我正在谈论的问题。

当您点击矩形锚点的边缘时,只会click触发事件。当您点击该区域的中心时,两者都会clicktouchstart射击。

为什么它click似乎只通过胖手指检测触发?有没有办法让这个touchstart事件也适用于胖手指?


问题动画

仅在边缘点击时触发点击

仅触摸触发单击

预期行为,两个事件

触摸触发两个事件

0 投票
1 回答
1058 浏览

javascript - 在 Windows Phone 的 IE Touchstart 事件几秒钟后自动结束

我有一个非常具体的问题。我正在为手机写一个网页,上面有一个按钮。我正在检测touchevent包括 IE 在内的每个浏览器,但在 IE 上它非常具体。几秒钟后它会自动结束。你能以某种方式帮助我吗?这是我的代码(修改了一个,但仍然无法正常工作):

并且其中包含 html 标签:

但这也无济于事。

0 投票
1 回答
373 浏览

javascript - 定位数据元素时触发点击触摸设备的问题

我试图在定位数据元素时通过 jQuery 触发点击。触发点击在桌面设备上工作得很好,但在触摸设备上却失败了。我在这里做了一些阅读:浏览器中的 jquery touchstart并尝试绑定 touchstart 事件,但它仍然无法正常工作,下面是我的代码有和没有 touchstart 事件。

0 投票
1 回答
114 浏览

javascript - 响应式网站:为什么需要 touchstart 而不是 click?

我正在使用 ReactJS 开发一个复杂的单页应用程序。

这个页面最初是一个桌面浏览器应用程序,到处都有很多“onclick”监听器,包括内部代码,还有我们无法轻易修改的外部插件/库。

但现在我们让它具有响应性,它可以在移动网站和 Cordova/Phonegap 应用程序中使用。

只是让 CSS 响应式会产生一个很好的结果,而touchstart根本不需要引入事件。

当用户使用点击监听器触摸元素时,会调用监听器并且点击事件正确冒泡(iOS 除外,但可以解决

因此,除非我尝试实现触摸特定的复杂功能,例如通过触摸进行拖放,或特殊的“合成事件”,例如按下、捏合、点击、滑动(通常由特定于移动设备的库提供),否则我为什么需要使用 touchstart以任何方式?

例如,我经常看到人们试图根据设备功能在应用程序中混合点击和触摸启动。

但如果click有效,我为什么需要关心touchstart

touchstart那些尚未处理的优点是click什么?

注意:这根本不是关于 300 毫秒点击延迟,可以通过其他方式解决。

0 投票
0 回答
154 浏览

android - 我如何知道 Android 悬停是否像 iOS 一样?

我知道在将悬停重新设计为点击移动设备方面已经做了很多工作(例如这里)。

我的问题是相反的——因为似乎较新的安卓(至少,三星 Galaxy Tab S)纯 CSS 悬停效果有效。- 试试这个 JSFiddle,例如,Android 上的悬停显示。

如何检测设备是否会执行愚蠢的 iOS tap-equals-hover 所以最终不要让用户点击三次以使用通常的解决方法实际“点击”?

0 投票
0 回答
230 浏览

javascript - 在移动设备上的 ajax 响应中单击并触摸启动

我有一个问题..我有一个index.php文件,里面有一个 div,里面有一个 ajax 请求的结果:

我总是在index.php页面顶部调用 jquery。然后我得到了ajax请求的响应:

问题是在移动浏览器中“touchstart”事件不起作用,相反..在桌面上一切正常..

[编辑] 因为我不是 javascript 的专业人士。我制作了这个脚本:

由于 mapek 的评论 .. 但我必须放什么来代替$(this).attr("id");

0 投票
0 回答
57 浏览

jquery - jQuery 函数在没有 .html() 的情况下无法运行

我正在尝试使用 phonegap 制作一个电话应用程序,并且想要制作一个可以从左侧拖入的菜单。这段代码正在按我的意愿工作(在这个阶段),但是如果我$("#myElement").html(changePos);从 touchmove 函数中删除该行,它就会停止工作。这条线只是用于监控数字,我不再想要它了,但是为什么没有它它就不能工作呢?

0 投票
2 回答
809 浏览

jquery - 点击和触摸启动在 Windows 手机上不起作用

所以最初我从做开始$(document).on('click', '.selector, .secondSel', function(){...}),它通常工作,但现在我添加了touchstart事件(试图修复未触发点击事件的时间)以及点击事件在 Windows 手机上没有任何变化,看起来事件是'甚至触发。在 android 手机上工作正常,我仍然需要检查 iphone,但我认为它正在工作。与IE有关吗?如果是这样,我如何让它在 Windows 手机上也能正常工作?

0 投票
1 回答
1608 浏览

javascript - IOS Safari 窗口在 touchstart 或 touchend 上打开

此代码适用于大多数 android/chrome 移动浏览器:

但它不工作iOS/Safari (tested with iPhone OS 9_2, AppleWebKit 601.1.46, Safari/601.1).

是否有任何解决方法可以显示此事件的新窗口/标签?

"alert(1)"工作正常,所以我想事件正常触发。

谢谢你。