在ios中使用jQuery的问题:
$(document).ready(function(){
var iX = 0,iY = 0,fX = 0,fY = 0;
document.addEventListener('touchstart', function(e) {
var touch = e.touches[0];
iX = touch.pageX;
iY = touch.pageY;
}, false);
document.addEventListener('touchmove', function(e) {
var touch = e.touches[0];
fX = touch.pageX;
fY = touch.pageY;
}, false);
document.addEventListener('touchcancel', function() {
var dX = fX - iX;
var dY = fY - iY;
var tg = dY/dX;
if(tg < 0) tg = -tg;
if(tg <= 0.5 && fX > iX) rightSwipe()
else if(tg <= 0.5 && fX < iX) leftSwipe()
}, false);
function rightSwipe(){
$("#body").removeClass("bg2");
$("#body").addClass("bg");
}
function leftSwipe(){
$("#body").removeClass("bg");
$("#body").addClass("bg2");
}
});
这个代码实现的功能是记录手指触摸方向,在android4.1.2中chrome浏览器运行正常,但是在ios中用safari就不运行了。
我没有在ipad的safari中看见touchcancel,你改成用touchend试试:
function upHandler(event) {
var dX = fX - iX;
var dY = fY - iY;
var tg = dY / dX;
if (tg < 0) tg = -tg;
if (tg <= 0.5 && fX > iX) rightSwipe()
else if (tg <= 0.5 && fX < iX) leftSwipe()
}
document.addEventListener('touchcancel', upHandler, false);
document.addEventListener('touchend', upHandler, false);
如果是用jQuery,把下面这行代码换掉:
document.addEventListener('touchcancel', upHandler, false);
document.addEventListener('touchend', upHandler, false);
换成:
$(document).on('touchcancel, touchend', upHandler);
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。