文档章节

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

豆豆麻麻
 豆豆麻麻
发布于 2016/05/23 15:00
字数 94
阅读 44
收藏 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
南京
前端工程师
私信 提问
webapp使用html5,划屏的touchmove等事件只能是在canvas元素上?

webapp使用html5,划屏的touchmove(touchstart,touchend)等事件只能是在canvas元素上?其他元素(如div)不行,还有什么元素可以绑定这几个事件?...

Hoocoln
2012/09/21
2K
1
手机站建设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这样的技术使我们网页版的应用以及运行在手机设备上的原生应用。而这些技术的成就之一就是我们开发了一种新的创建按钮的方法,使按...

kenzone
2013/11/06
3K
13
HTML5触摸事件(touchstart、touchmove和touchend)

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

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

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

Rella蕾拉
2012/05/15
0
2

没有更多内容

加载失败,请刷新页面

加载更多

mybatis批量update操作的写法,及批量update报错的问题解决方法

mybatis的批量update操作写法很简单,如下: 如果想学习Java工程化、高性能及分布式、深入浅出。微服务、Spring,MyBatis,Netty源码分析的朋友可以加我的Java高级交流:854630135,群里有阿...

编程SHA
28分钟前
2
0
EOS怎样删除钱包

在使用Eos的keosd钱包软件时,如果要删除EOS中指定名称的钱包,最简单的办法是 直接删除钱包文件,不过在删除钱包之前,需要先停止钱包软件的运行。 学习EOS应用开发要选这个:【EOS智能合约...

汇智网教程
35分钟前
5
0
Java语言快速实现简单MQ消息队列服务

使用 JAVA 语言自己动手来写一个MQ (类似ActiveMQ,RabbitMQ) 主要角色 首先我们必须需要搞明白 MQ (消息队列) 中的三个基本角色 ProducerBrokerConsumer 整体架构如下所示 自定义协议 首...

微笑向暖wx
44分钟前
5
0
ES5和ES6那些你必须知道的事儿

  ES5和ES6那些你必须知道的事儿      ES5新增的东西      一、数组方法      1、forEach      用途:遍历,循环      对于空数组不会执行回调函数      复制代码...

SEOwhywhy
今天
11
0
转:[windows]DOS批处理添加任务计划

[windows]DOS批处理添加任务计划 博客分类: Windows 转自:http://gwmold.blog.163.com/blog/static/1553319892010117113457232/ 自动创建每周运行一次的计划任务 创建计划任务可用at,sch...

SamXIAO
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部