文档章节

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

豆豆麻麻
 豆豆麻麻
发布于 2016/05/23 15:00
字数 94
阅读 33
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

centos7安装redis及开机启动

配置编译环境: sudo yum install gcc-c++ 下载源码: wget http://download.redis.io/releases/redis-3.2.8.tar.gz 解压源码: tar -zxvf redis-3.2.8.tar.gz 进入到解压目录: cd redis-3......

hotsmile
42分钟前
0
0
Confluence 6 数据库和临时目录

数据库 所有的其他数据库,包括有页面,内容都存储在数据库中。如果你安装的 Confluence 是用于评估或者你选择使用的是 Embedded H2 Database 数据库。数据库有关的文件将会存储在 database...

honeymose
56分钟前
1
0
day62-20180820-流利阅读笔记

1.今日导读 2.带着问题听讲解 3.新闻正文(中英文对照) 4.重点词汇 5.拓展内容

aibinxiao
今天
0
0
分布式锁实现及对比

一、问题介绍 日常工作中很多场景下需要用到分布式锁,例如:任务运行(多个节点同一时刻同一个任务只能在一个节点上运行(分片任务除外)),交易接受(前端交易请求发送时,可能由于两次提...

yangjianzhou
今天
7
0
【AI实战】快速掌握TensorFlow(二):计算图、会话

在前面的文章中,我们已经完成了AI基础环境的搭建(见文章:Ubuntu + Anaconda + TensorFlow + GPU + PyCharm搭建AI基础环境),以及初步了解了TensorFlow的特点和基本操作(见文章:快速掌握...

雪饼
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部