侦听轻扫手势无效的代码

时间:2013-03-12 23:17:49

标签: javascript jquery multi-touch gesture hammer.js

我正在尝试在文档的任何位置发生向上滑动手势时运行警报;并且,最终还会发生2指滑动手势。

我之前用过hammer.js来听取手势,这段代码似乎对我有用,但由于某种原因警报没有发生。

任何想法为什么?

以下是代码:

<!Doctype HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Two Swipe!</title>
    </head>
    <body>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://raw.github.com/EightMedia/hammer.js/master/dist/jquery.hammer.min.js"></script>
        <script type="text/javascript">
        var hammer = $(document).hammer();
        hammer.on('swipeup', function(event) {
            alert("swiped-up!");
            if( event.gesture.touches.length == 2 )
                alert("two swiped!");
        });
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

检查来源。如果您在第208行查看滑动手势here,您会看到它的最大触摸设置为1.我猜这是限制您看到多次触摸。您可以修改此代码以满足您的需要,也可以为多点触控滑动编写自定义侦听器。