分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

jQuery -- touch事件之滑动判断(左右上下方向)

发布时间:2023-09-06 01:07责任编辑:熊小新关键词:jQuery
$("body").on("touchstart", function(e) { ???// 判断默认行为是否可以被禁用 ???if (e.cancelable) { ???????// 判断默认行为是否已经被禁用 ???????if (!e.defaultPrevented) { ???????????e.preventDefault(); ???????} ???} ??????startX = e.originalEvent.changedTouches[0].pageX, ???startY = e.originalEvent.changedTouches[0].pageY;});$("body").on("touchend", function(e) { ????????????// 判断默认行为是否可以被禁用 ???if (e.cancelable) { ???????// 判断默认行为是否已经被禁用 ???????if (!e.defaultPrevented) { ???????????e.preventDefault(); ???????} ???} ??????????????????moveEndX = e.originalEvent.changedTouches[0].pageX, ???moveEndY = e.originalEvent.changedTouches[0].pageY, ???X = moveEndX - startX, ???Y = moveEndY - startY; ???//左滑 ???if ( X > 0 ) { ???????alert(‘左滑‘); ???????????????????} ???//右滑 ???else if ( X < 0 ) { ???????alert(‘右滑‘); ???????} ???//下滑 ???else if ( Y > 0) { ???????alert(‘下滑‘); ???????} ???//上滑 ???else if ( Y < 0 ) { ???????alert(‘上滑‘); ???????} ???//单击 ???else{ ???????alert(‘单击‘); ???????}});

转载http://blog.csdn.net/sinat_19327991/article/details/73823767

jQuery -- touch事件之滑动判断(左右上下方向)

原文地址:http://www.cnblogs.com/sanqianjin/p/7450773.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved