预览模式: 普通 | 列表

touch 事件封装(jQuery插件)

由于项目中需要支持触摸屏设备的操作,编写了一个可以捕获触屏上的常用手势的插件。

这个插件支持触屏点击、触摸保持、向上滑动、向下滑动、向左滑动、向右滑动的事件。满足了常规的触屏交互开发需求。

用法:

   1: $(function(){
   2:     $("#test").touchwipe({
   3:                 min_move_x: 40,
   4:                 min_move_y: 40,
   5:                 wipeLeft: function() {$("#val").append("左,");},
   6:                 wipeRight: function() { $("#val").append("右,");},
   7:                 wipeUp: function() { $("#val").append("上,");},
   8:                 wipeDown: function() { $("#val").append("下,");},
   9:                 wipe:function(){$("#val").append("点击,");},
  10:                 wipehold:function(){$("#val").append("保持,");},
  11:                 preventDefaultEvents: true
  12:         });
  13: });

插件下载:点击下载此文件

分类:前端技术 | 固定链接 | 评论: 6 | 引用: 0 | 查看次数: 17649