javascript手指滑动检测

时间:2011-05-13 23:30:37

标签: javascript jquery iphone touch slide

我正在尝试创建一个像iphone上那样的滑动复选框。

我从这个脚本开始:

$('input[type=checkbox]').live('touchstart', function (e) {
            down_x = e.originalEvent.touches[0].pageX;
            $('input[type=checkbox]').live('touchmove', function (e) {up_x = e.originalEvent.touches[0].pageX;
            if ((down_x - up_x) > 1)  {$(this).change()}});
            });

但它似乎不起作用。关于如何实现这个的任何想法?

1 个答案:

答案 0 :(得分:16)

这是一个有趣的小问题

我工作得很好,它甚至适用于鼠标:)

我在Ipad和Iphone上进行了测试,非常酷。

不需要太多工作就可以将其转换为插件,但这对您来说应该没问题

使用ios移动事件的技巧是这三个事件

$('.toggle_box').bind('touchstart',touch_start);
$('.toggle_box').bind('touchmove',touch_move);
$('.toggle_box').bind('touchend',slide_end);   

http://jsfiddle.net/samccone/ZMkkd/