APICloud开发之新手上路!原生js简单实现滑动返回

编程入门 行业动态 更新时间:2024-10-24 12:31:26

APICloud开发之<a href=https://www.elefans.com/category/jswz/34/1769482.html style=新手上路!原生js简单实现滑动返回"/>

APICloud开发之新手上路!原生js简单实现滑动返回

因为Android不支持openWin中的slidBackEnabled:
类型:布尔
默认值:true
描述:(可选项)是否支持滑动返回。iOS7.0及以上系统中,在新打开的页面中向右滑动,可以返回到上一个页面,该字段只 iOS 有效;

所以利用touchstart、touchend事件捕捉用户手势,比较单纯,有更好办法的同志希望能留言指导指导,小生在此谢过!
我的代码:

document.addEventListener('touchstart',function(e){_location.startX = e.clientX || e.targetTouches[0].clientX_location.startY = e.clientY || e.targetTouches[0].clientY
});
document.addEventListener('touchend',function(e){_location.endX = e.clientX || e.changedTouches[0].clientX;_location.endY = e.clientY || e.changedTouches[0].clientY;if(Math.abs(_location.endY - _location.startY)<= 60 && _location.endX-_location.startX >= 45){     //判断条件  左右滑动距离大于60,上下小于45if(_location.startX > 15) return;     //判断条件  开始滑动点击范围距离左边大于15就取消var flag = false;switch (api.frameName) {   // 判断是否为首页,首页不需要滑动返回case 'me-index-frame':flag = true;break;case 'home-index-frame':flag = true;break;case 'college-index-frame':flag = true;break;case 'task-index-frame':flag = true;break;case 'forum-index-frame':flag = true;break;default:flag = false;break;};if(flag) return;window.leftBtnTap && window.leftBtnTap();   // 返回事件}_location = {};
})

感谢你的关注!

更多推荐

APICloud开发之新手上路!原生js简单实现滑动返回

本文发布于:2023-07-27 22:20:55,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1231638.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:新手   简单   APICloud   js

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!