关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

html5触摸事件的原理

作者:佚名   时间:2014-06-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次触摸的信息,以此类推.



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/help/20151126/n1806.html

上海联楷网络新闻