jquery mobile的tap()事件以及jQuery事件的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 处理。

另外一个替代方法参考：
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    必需。规定当事件发生时运行的函数。