首页 > 移动平台 > 详细

移动端向下滑动刷新页面

时间:2015-11-12 19:33:38      阅读:302      评论:0      收藏:0      [点我收藏+]

<script type="text/javascript">
//全局变量,触摸开始位置
var startX = 0, startY = 0;

//touchstart事件
function touchSatrtFunc(evt) {
try {
//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
var touch = evt.touches[0]; //获取第一个触点
var y = Number(touch.pageY); //页面触点Y坐标
//记录触点初始位置

if (y < 370) {
window.location.href = window.location.href;
}
}
catch (e) {

}
}

//绑定事件
function bindEvent() {
document.addEventListener(‘touchstart‘, touchSatrtFunc, false);

}
//判断是否支持触摸事件
function isTouchDevice() {
try {
document.createEvent("TouchEvent");

bindEvent(); //绑定事件
}
catch (e) {
}
}
window.onload = isTouchDevice;
</script>

移动端向下滑动刷新页面

原文:http://www.cnblogs.com/zhtbk/p/4959770.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!