gpt4 book ai didi

javascript - hammer.js 中的垂直滑动

转载 作者:行者123 更新时间:2023-11-29 21:17:30 26 4
gpt4 key购买 nike

当用户在他们的触摸设备上执行操作时,我正在使用 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;
});

})

最佳答案

向所有方向滑动。

使用 swipeleftswiperight 进行水平滑动,使用 swipeupswipedown 进行垂直滑动。

		$(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>

关于javascript - hammer.js 中的垂直滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38917595/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com