Question

当用户在触摸设备上执行操作时，我正在使用hammer.js重置计时器。这适用于水龙头，按下和水平滑动，但我怎样才能识别垂直滑动？

$(function () { 
    var page = document.getElementById("parent"); 

    Hammer(page).on("swipe", function () { 
        idleTime = 0; 
    }); 

    Hammer(page).on("tap", function () { 
        idleTime = 0; 
    }); 

    Hammer(page).on("press", function () { 
       idleTime = 0; 
    }); 

})

Answer 1

滑动适用于所有方向。

使用 swipeleft 和 swiperight 进行水平滑动， swipeup ， swipeown 进行垂直滑动。

		$(function () { 
			var element = document.getElementById("parent"); 
			var mc = new Hammer(element);
			mc.get('swipe').set({ direction: Hammer.DIRECTION_ALL });

			mc.on("swipeleft", function () { 
				alert('swipeleft');
			}); 
          
           mc.on("swiperight", function () { 
				alert('swiperight');
			});
			
			mc.on("swipeup", function () { 
				alert('swipeup');
			}); 
			
			mc.on("swipedown", function () { 
				alert('swipedown');
			});
          
		})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://hammerjs.github.io/dist/hammer.min.js"></script>
<div id="parent" style="width:100%;height:500px;background:#ff0000;"></div>

在hammer.js垂直刷卡

1 个答案: