1. tap: 当用户轻触屏幕时触发。类似于点击事件。
$(document).on("tap", "#element-id", function() {
// 处理轻触事件
});
2. taphold: 当用户长时间按住屏幕时触发。
$(document).on("taphold", "#element-id", function() {
// 处理长按事件
});
3. swipe: 当用户在屏幕上滑动时触发。
$(document).on("swipe", "#element-id", function() {
// 处理滑动事件
});
4. swipeleft / swiperight: 当用户在屏幕上向左或向右滑动时触发。
$(document).on("swipeleft", "#element-id", function() {
// 处理左滑事件
});
$(document).on("swiperight", "#element-id", function() {
// 处理右滑事件
});
5. tapleft / tapright / tapholdleft / tapholdright: 这些事件与左右滑动结合,当用户在元素上进行相应的触摸操作时触发。
$(document).on("tapleft", "#element-id", function() {
// 处理向左轻触事件
});
$(document).on("tapright", "#element-id", function() {
// 处理向右轻触事件
});
$(document).on("tapholdleft", "#element-id", function() {
// 处理向左长按事件
});
$(document).on("tapholdright", "#element-id", function() {
// 处理向右长按事件
});
6. scrollstart / scrollstop: 当用户开始或停止滚动页面时触发。
$(document).on("scrollstart", function() {
// 处理滚动开始事件
});
$(document).on("scrollstop", function() {
// 处理滚动停止事件
});
这些事件提供了丰富的手势和触摸交互的处理选项。你可以根据应用程序的需要选择合适的事件,并通过 jQuery 的事件处理机制进行相应的处理。确保在 HTML 加载后添加事件监听器,以确保正确绑定事件。
转载请注明出处:http://www.pingtaimeng.com/article/detail/9434/jQuery Mobile