Tag: ontouchevent

iOS Web App触摸手势

我search了整个networking，find一个简单的方法添加触摸手势到一个简单的button。 基本上我试图find一个简单的方法来获取后退button（通常在iOS设备顶部的任务栏上看到的）按下时，将CSS类从“正常”状态更改为“已按下”状态。 虽然我对Javascript很陌生，但我更喜欢使用标准的DOM方法而不是jQuery（或任何其他库）。 任何人都有一些完整的代码，并解释JavaScript代码如何读取ontouchstart和ontouchend事件，以及如何使用这些函数来更改CSS类？ 任何帮助将不胜感激！ TC

为什么触摸事件监听器似乎阻止iPhone或iPad上谷歌翻译语言的select？

我有一个与谷歌翻译部件的问题。 当使用iPhone或iPad时，我无法select要翻译的语言。 我可以点击第一个button，但是当语言菜单出现时，我点击一种语言，菜单立即消失，点击注册在菜单后面的元素上。 这个问题只发生在我将在下面概述的非常具体的情况下。 下面描述的问题已经在iphone4 ios5.0.1和ipad2 ios 7.0.6上观察到。 在firefox 29.0.1，chrome 31.0.1650.63 m或者Internet Explorer 11上没有发现问题。 JSfiddle的问题在http://jsfiddle.net/LfkLy/1/ Reveal.js不需要重新创build这个问题。 我首先注意到了这个问题，当我在一个页面上使用了这个小部件时，reveal.js经过大量的游戏后，我发现如果在reveal.jsconfiguration中将touch设置为false或者在下面注释掉了这些行，应该有。 dom.wrapper.addEventListener( 'touchstart', onTouchStart, false ); dom.wrapper.addEventListener( 'touchmove', onTouchMove, false ); dom.wrapper.addEventListener( 'touchend', onTouchEnd, false ); 我决定删除reveal.js触摸事件，并实施我自己的使用hammer.js和锤子jquery插件。 我用过这样的东西 // hammer.js $('.reveal').hammer().on("tap", function() { console.log("tapped with a hammer"); }); 一旦上面的代码被执行，问题再次发生。 我修改了代码，只用了hammer.js就得到了相同的结果。 无论我将触摸侦听器附加到的页面的哪一部分都发生了问题。 为了好奇的缘故，我用jquery试了一遍，又得到了同样的结果。 //Test with jquery $('.reveal').on("touchstart", function() { console.log("touched […]