1. touchstart事件: 用户开始触摸屏幕时触发。
$(document).on("touchstart", "#myElement", function(event) {
// 处理 touchstart 事件的代码
});
2. touchmove事件: 用户在屏幕上滑动时触发。
$(document).on("touchmove", "#myElement", function(event) {
// 处理 touchmove 事件的代码
});
3. touchend事件: 用户停止触摸屏幕时触发。
$(document).on("touchend", "#myElement", function(event) {
// 处理 touchend 事件的代码
});
4. touchcancel事件: 触摸事件被浏览器取消时触发,例如在触摸开始后,用户移动到浏览器地址栏。
$(document).on("touchcancel", "#myElement", function(event) {
// 处理 touchcancel 事件的代码
});
5. tap事件: 在元素上发生短时间的触摸,类似于click事件,适用于移动设备。
$(document).on("tap", "#myElement", function(event) {
// 处理 tap 事件的代码
});
6. taphold事件: 在元素上保持按住一段时间后触发。
$(document).on("taphold", "#myElement", function(event) {
// 处理 taphold 事件的代码
});
这些触摸事件可以用于捕捉用户在移动设备上的各种交互,从简单的触摸开始到滑动和停止触摸。你可以根据需要选择适当的事件,并在回调函数中编写处理代码。在使用这些事件之前,确保 jQuery Mobile 库已正确加载。
转载请注明出处:http://www.pingtaimeng.com/article/detail/14465/jQuery Mobile