jqm的tap()事件以及jq事件的delegate()方法

一、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必需。规定当事件发生时运行的函数。