文档章节

HTML5之触摸事件(touchstart、touchmove和touchend)

豆豆麻麻
 豆豆麻麻
发布于 2016/05/23 15:00
字数 94
阅读 38
收藏 0
item_list = $('#incomeStatement')[0];//要加载的块
item_list.addEventListener('touchstart', touchstart, false);
item_list.addEventListener('touchmove', touchmove, false);
item_list.addEventListener('touchend', touchend, false);
function touchstart(e) {
        touch_start_y = e.changedTouches[0].clientY;
    }

    function touchmove(e) {
        //上拉到顶
        if($(document).scrollTop() <0){
            if (e.changedTouches[0].clientY > touch_start_y) {
                var change = e.changedTouches[0].clientY - touch_start_y;
//                    e.preventDefault();
            }
        }
        //下拉到底
        else if($(document).scrollTop() >= $(document).height() - $(window).height()){
            if (e.changedTouches[0].clientY < touch_start_y) {
                var change = touch_start_y - e.changedTouches[0].clientY;
                //加载数据
                init_income_statement();
//                    e.preventDefault();
            }
        }
    }

    function touchend(e) {
        touch_start_y = -1;
    }

© 著作权归作者所有

共有 人打赏支持
豆豆麻麻
粉丝 9
博文 27
码字总数 4005
作品 0
南京
前端工程师
私信 提问
手机站建设HTML5触摸屏touch事件使用介绍

手机站建设HTML5触摸屏touch事件使用介绍技术 maybe yes 发表于2015-01-05 14:42 原文链接 : http://blog.lmlphp.com/archives/56 来自 : LMLPHP后院 市面上手机种类繁多,在触屏手机上运行的...

hosser
2015/03/18
0
0
HTML5触摸事件(touchstart、touchmove和touchend)

 HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今...

sinat_39430615
2017/11/13
0
0
深入了解iPad上的MouseEvent

iPad上没有鼠标,所以手指在触发触摸事件(TouchEvent)的时候,系统也会产生出模拟的鼠标事件(MouseEvent)。 这对于普通网页的浏览需求而言,基本可以做到与PC端浏览器无明显差异。但是如...

Rella蕾拉
2012/05/15
0
2
关于IPAD上touchend()事件触发条件

我的理解: 手指触摸到ipad屏幕上时触发touchstart()事件 手指不离开ipad屏幕做移动一直触发touchmove()事件 手指离开ipad屏幕时触发touchend()事件 遇到的问题: 手指触摸到ipad屏幕上时触发...

-卒-
2013/04/22
2.2K
3
移动端web开发clicktouchtap的区别讲解

移动端用tap时会有穿透问题 一:click与tap比较 click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件。singleTap和doubleTap分别代...

qq_15980201的博客
2017/12/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Redis异构集群之间数据迁移方案

一、Redis集群迁移工具 最近在做Redis数据迁移,网上找了两款开源的Redis迁移工具。 第一种:redis-port Codis官方提供的一个工具,redis-port是一个Redis工具,通过解析rdb文件,实现Redis...

IT--小哥
13分钟前
1
0
MySQL5.7源码安装

5、MySQL源码安装(centos7.5) 5.1 下载软件 官方自带(boost版本mysql) wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-boost-5.7.20.tar.gz tar xf mysql-boost-5.7.20.tar.g......

hnairdb
17分钟前
1
0
解压zip包(zip4j)

1:引入zip4j_1.3.2.jar 2:源码如下: package test;import java.io.File;import java.io.IOException;import java.util.ArrayList;import java.util.List;import net.lingal......

uug
20分钟前
1
0
MySQL 8在CentOS 7用rpm安装

1.配置MySQL yum安装源和安装: #配置MySQL5.7的安装源 #https://repo.mysql.com/mysql57-community-release-el7.rpm #https://repo.mysql.com/mysql57-community-release-el7-11.noarch.rp......

MichaelShu
27分钟前
1
0
docker 安装zookeeper

1.下拉镜像: docker pull zookeeper 2.运行镜像: docker run --name myZookeeper --restart always -d zookeeper 此时,2181 2888 3888分别是zookeeper的(客户端端口,跟随端口,选择端口)...

狼王黄师傅
28分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部