JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Javascript触摸移动,当用户从边缘滑动时跟踪大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要跟踪用户触摸事件.我想跟踪用户从边缘滑动的时间.
例如,当用户从左侧垂直边缘滑动时,我将显示一个菜单,从右边缘发出警报,并在用户从顶部滑动时显示另一个菜单.

我找不到类似的用法.
我该怎么做这个行为?跟踪从边缘滑动?
我用hammer.js尝试了这个,因为我使用jQuery,
但其他图书馆(QuoJS,TouchSwipe,Touchy等)对我来说还可以.

小提琴:http://jsfiddle.net/mavent/ym4JV/51/

$(document).hAMMer()
    .on("tap doubletap hold drag swipe pinch rotate dragup dragdown swipeup swipedown",function (event) {
        $('#updateArea').html(event.type + ". direction:" + event.gesture.direction  + "<br>deltaX:" + event.gesture.deltaX.toFixed(2)         + ". deltaY:" + event.gesture.deltaY.toFixed(2) + "<br> centerX:" + event.gesture.center.pageX.toFixed(2) + ". centerY:" + event.gesture.center.pageY.toFixed(2));
        var currentText = $('#logArea').text();
        $('#logArea').text(""+currentText+" . "+event.typE);
    });

解决方法

使用HAMMer.js v2.0.4,我发现这个效果最好:
$("html").hAMMer().on('swiperight',function (E) {
    var endPoint = e.gesture.pointers[0].pageX;
    var distance = e.gesture.distance;
    var origin = endPoint - distance;

    if (origin <= 15) {
        // They swiped,starTing from no more than 15px away from the edge. 
    }
});

大佬总结

以上是大佬教程为你收集整理的Javascript触摸移动,当用户从边缘滑动时跟踪全部内容,希望文章能够帮你解决Javascript触摸移动,当用户从边缘滑动时跟踪所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。