返回首页 | 网站案例 | 帮助中心

合作共赢、快速稳定、服务地方的网站建设提供商

北京网站建设

服务热线:13812345678

HTML5触摸事件的原理

时间:2014-6-17

  触摸事件等级1,说明中有四个事件:
>当手指触摸屏幕时,touchsmart被触发;
>当手指离开屏幕时,touchend被触发;
>当手指在屏幕上的两点间移动时,touchmove被触发;
>当用户代理中断触摸或者手指离开有效区域时,touchcalcle被触发.
  触摸事件等级2,在编写本书时,触摸事件等级2仍在开发中,它引入了两个额外事件:
>当已经触摸屏幕的手指在目标元素上移动时,touchenter被触发;
>当手指离开目标区域但没有离开屏幕时,touchleave被触发.
  要想使单击鼠标的操作在时间上与这些触摸操作同步,则需要使用touchend事件,它在手指摇笔杆地被触发,预示着用户已经完成操作:
  el.addEventListener('touchend',function(){...},false)
  每当触摸事件被触发时,它会创建一个TouchEvent对象,这个对象包含了更多有关事件的信息,这些信息中含有TouchList,这是一个包含Touches子对象的对象,它包含触摸屏幕手指的数量信息,这些信息对于多点触控来说非常有用,需要注意的是,每次触摸都创建一个触摸事件,在使用多点触控时,每个触控事件都包含所有先前的触摸操作,所以手指每次触摸屏幕时被创建的TouchList对象含有0次触摸信息;第二根手指触摸屏幕时被创建TouchList对象含有-次触摸和1次触摸的住处第三根手指触摸屏幕时被创建的TouchList对象含有0次触摸,1次触摸和2次触摸的信息,以此类推.

建站流程

    北京网站建设流程