为什么这里的touchend无效呢-配置报错
"<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?
######手机测试，微信里的扫一扫后测试。还在手机猎豹哦浏览器测试，一样是无效的。######。。。这个没有遇到过，不理解，我没有方向了。######如果在touchmove中的preventdefault没有注释掉的话，就可以。但是另外一些问题又会出现"
2020-06-02 10:12:21赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
