jQuery的touchstart,touchmove,touchend的获取位置

原创 2013年12月03日 21:37:14

      $('#webchat_scroller').on('touchstart',function(e) {

      var touch = e.originalEvent.targetTouches[0]; 

      var y = touch.pageY;

      });


      $('#webchat_scroller').on('touchmove',function(e) {

      var touch = e.originalEvent.targetTouches[0]; 

      var y = touch.pageY;

      });

     $('#webchat_scroller').on('touchend',function(e) {

       var touch = e.originalEvent.changedTouches[0]; 

      var y = touch.pageY;

   });




关注微信公众号:前端开发知识



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

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

使用javascript实现手机上的touchmove效果

javascript 手机手势动作touch触屏原理分析

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

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

jQuery -- touch事件详解(touchstart、touchmove和touchend)

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

touchstart,touchmove,touchend触摸事件的小小实践心得

近段时间使用html5开发一个公司内部应用,而触摸事件必然是移动应用中所必须的,刚开始以为移动设备上或许也会支持鼠标事件,原来是不支持的,好在webkit内核的移动浏览器支持touch事件,并且打包成...

html 移动互联网终端的javascript touch事件,touchstart, touchend, touchmove

前言 如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP,这个页面上肯定是有很多可点击区域的,如果用户触摸到了那些可点击区域怎么办呢?? 诸如智能手机和平板电脑一类的移...
  • clh604
  • clh604
  • 2013年08月09日 18:31
  • 44385

移动端touch事件获取clientX, clientY

目有个交互需要实现手指滑动的交互,pc端使用mousedown,mousemove,mouseup监听实现。 但在ios设备上mousemove是不好监听的,同类的方法是touchstart,t...

移动web相关touch事件触发(touchstart/touchmove/touchend)

上周做了一个项目,发现一个DOM元素触发touch事件,竟然还会触发别的元素的click事件。 我先描述一下,当时遇到的问题。项目初始状态是下面这张图: 我给右上方的的搜索按钮,绑...

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

touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefaul...

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。   touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefa...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery的touchstart,touchmove,touchend的获取位置
举报原因:
原因补充:

(最多只允许输入30个字)