一、jquery mobile 对手势触控提供了如下几个事件监听:
tap:当用户点屏幕时触发
taphold:当用户点屏幕且保持触摸超过1秒时触发
swipe:当页面被垂直或者水平拖动时触发。这个事件有其相关联的属性,
分别为:
scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and
verticalDistanceThreshold
swipeleft:当页面被拖动到左边方向时触发
swiperight:当页面被拖动到右边方向时触发
但是 tap 事件在 windows8 触控设备和 android 设备上测试,均有一次点击多次触发的现象。
tap 方法的响应时间明显快于 onclick 事件,那么我们可以用 click 事件来处理 tap 事件的相应。示例代码参考如下:
$("div").on("p","click",function(){});
$("div").on("p","tap",function(e){
e.stopPropagation();// 阻止JavaScript事件冒泡传递
});
另外一个替代方法参考:
JQueryMobile 在 Android 设备上的 tap 事件会出现多次触发的问题, 我们的解决方案是使用 Google FastButton,将原来需要用 tap 的地方改用 fastbutton 处理。
二、jQuery事件的delegate()方法:
当点击鼠标时,隐藏或显示 p 元素:
$("div").delegate("button","click",function(){
$("p").slideToggle();
});
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。
语法:
$(selector).delegate(childSelector,event,data,function)
参数描述:
childSelector必需。规定要附加事件处理程序的一个或多个子元素。
event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。
data可选。规定传递到函数的额外数据。
function必需。规定当事件发生时运行的函数。