javascript - 监听向上滑动手势的代码不起作用

标签 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>

最佳答案

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

关于javascript - 监听向上滑动手势的代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15374136/

相关文章:

背景中的 jQuery 幻灯片 - 可能是错误的 CSS?

javascript - 强制 jQuery 显示/隐藏以尊重显示 : table?

Swift 多点触控对象

android - 生成用于测试的多点触控 MotionEvents

javascript - 如何循环遍历 li 的 url 读取部分,然后使用 Jquery 将其作为类添加到 li

javascript - 正确的 React 方式来处理父组件中仅作用于选定子组件的函数?

javascript - 将管道添加到表中

javascript - 使用 ng-click 上传没有表单的图像

jquery - 过渡,以寄存器形式变换

java - Android:是否可以在另一个手指已经触摸屏幕时处理点击?