"<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">s4.addEventListener("touchstart", touchStart4, false);
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">s4.addEventListener("touchmove", touchMove4, false);
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">s4.addEventListener("touchend", touchEnd4, false);
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">var v4 = 0;
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">function touchStart4(event,target) {
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> //event.preventDefault();
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> var touch = event.targetTouches[0]; //位于当前DOM元素上的手指的一个列表
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> startY = touch.pageY;
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> moveY = 0;
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">}
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">function touchMove4(event) {
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> //event.preventDefault();
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> var touch = event.touches[0];
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> moveY = touch.pageY - startY;
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">}
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">function touchEnd4(event) {
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> if($(document).scrollTop() == 0){
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> v4 = 1; //top
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> }else if($(document).scrollTop() == $(document).height() - $(window).height()){
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> v4 = 2; //bottom
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> }else{
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> v4 = 0;
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> }
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> if(moveY < 0 && v4 == 2){ //当滑到底部的时候
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s5').css('top','100%');
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s5').css('display','block');
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s5').animate({
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> top:0
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> },500,function(){
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> an5_in();
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#nav').hide();
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> });
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s4').animate({
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> top:'-100%'
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> },500);
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s4').css('display','none');
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> }else if(moveY > 0 && v4 == 1){ //当滑到顶部的时候
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s3').css('top','-100%');
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s3').css('display','block');
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s3').animate({
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> top:'0'
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> },500,function(){
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> an3_in();
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#nav').hide();
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> });
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> $('#s4').css('display','none');
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;""> }
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">}
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">我想要实现的功能是,当该页(这一页的内容超过一屏的,所以可上下滑动滚动)到达顶部的时候,再滑动一下,就会跳到上一页,如果到达了顶部,再滑动一下,就到达下一页。
<span style=""color:#444444;font-family:verdana, 'Microsoft YaHei', Tahoma, sans-serif;font-size:14px;line-height:21px;background-color:#FFFFFF;"">为什么touchend这里就没有反应了呢?"
"在touchend4第一行添加一个日志,确认这个函数没有触发?估计应该是触发了,但不满足你的逻辑。######加入了,没有打印出日志。所以应该是完全touchend是无效的。######
你的测试环境是什么?chrome?
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。