我的React应用程序中有一个div，我需要处理点击和触摸。但是，当我点击手机时，它会触发这两个事件。如果我在移动设备上滑动或点击普通浏览器，它工作正常，在每种情况下只触发一个事件。如何处理这个点击问题而不触发这两个事件？  最佳答案 有一个定义的事件触发顺序(source):touchstartZeroormoretouchmoveevents,dependingonmovementofthefinger(s)touchendmousemovemousedownmouseupclick如果你想阻止click事件，如果之前

我一直在我的javascript中使用“onclick”，但现在我希望它也能在Iphone上运行。对于支持ontouchstart的设备，是否有一种简单的方法可以使所有“onclick”像ontouchstart一样工作？或者我是否需要将所有脚本编写两次(一个使用onclick，一个使用ontouchstart)？:S注意:我不想使用jquery或任何其他库。li:hoverdropdownmenuonmobiledeviceswindow.onload=function(){if('ontouchstart'inwindow){//all"onclick"shouldworklike

在我的网络应用程序中，我有不同z索引的iframe。我正在检测iframe中某些元素的touchstart事件。但是，如果我有一个文本输入字段与捕获touchstart的元素重叠，则输入字段开始表现不正常:在该字段中再次点击会使它失去焦点，您无法选择任何文本，但是您可以在文本字段中输入。似乎唯一的解决方案可能是停止捕获背景框架上的touchstart事件。我更喜欢像透明div这样的解决方案来作为中介捕获事件，但我还没有得到它的工作。还有其他解决方法吗？示例页面位于jsfiddle，但这是代码:iframe{position:absolute;}#background{border:so

我正在使用ReactNative开发一个应用程序，它必须尽快响应点击手势，因为一秒钟内可以触发多个点击事件。不需要双击或移动手势，但需要注意同时点击。我一直在测试onTouchStart和PanResponder|onPanResponderGrant并看到:onTouchStart在同时点击两次时触发两次，而onPanResponderGrant仅调用一次。onPanResponderMove即使当我将onMoveShouldSetPanResponder设置为false时也会被触发，并且当两个水龙头同时出现时，它会被触发很多次，或者当有一秒钟点击几下。当一秒钟内完成几次点击时，on

以前在JavaScript中检测设备是否支持触摸事件时，我们可以这样做:vartouch_capable=('ontouchstart'indocument.documentElement);但是，即使底层设备不支持触摸事件，谷歌浏览器(17.x.x+)也会为上述检查返回true。例如，在Windows7上运行上面的代码会返回true，因此如果我们将它与类似的东西结合起来:varstart_evt=(touch_capable)?'ontouchstart':'onmousedown';在GoogleChrome上，该事件永远不会触发，因为我们绑定(bind)到ontouchstart

我有一个带有-webkit-overflow-scrolling:touch的div，里面有一个项目列表。我正在使用AngularngTouch，它将我所有的ng-clicks处理为phonegap应用程序上的点击事件。但是，当我滚动我的列表时，ios原生动量滚动开始，我希望也能够通过点击停止动量滚动，就像您在原生ios应用程序上所做的那样。发生的是另一个点击事件被触发。所以我的问题是:如何在不触发另一个实际点击事件的情况下通过点击停止动量(native)滚动...希望我的问题很清楚... 最佳答案 最近我在我的angular-io

我目前对每个要更改触摸类的元素使用以下内容:ontouchstart="$(this).addClass('select');"ontouchend="$(this).removeClass('select');"我想知道是否有这样的东西？$("#element").touchstart(function(){$(this).addClass('select');},function(){$(this).removeClass('select');});我将能够列出我想要拥有此属性的所有元素。我已经尝试了很多东西，但无法让它发挥作用。 最佳答案

我目前对每个要更改触摸类的元素使用以下内容:ontouchstart="$(this).addClass('select');"ontouchend="$(this).removeClass('select');"我想知道是否有这样的东西？$("#element").touchstart(function(){$(this).addClass('select');},function(){$(this).removeClass('select');});我将能够列出我想要拥有此属性的所有元素。我已经尝试了很多东西，但无法让它发挥作用。 最佳答案

我的移动View触发了一个ontouchstart事件，它链接到这个:functionmobileLinksShow(){document.querySelector('.mobile-head-bar-links').classList.toggle('mobile-head-bar-links-transition');}在我的设备(iPhone5)上，当我点击按钮时，它会切换两次，因此它先拉伸(stretch)然后收缩。这是因为onclick和ontouchstart同时触发。删除onclick解决了移动上的问题，但现在桌面浏览器显然不起作用，有没有办法抑制移动上的onclick