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

你可能感兴趣的:(jqm的tap()事件以及jq事件的delegate()方法)