上面的小例子。当touchstart事件触发的时候,会将触摸的位置更新到div标签中。当touchmove事件触发的时候,会默认行为的转动(触摸移动的默认行为是转动页面),然后触摸操纵的变革信息更新到div标签中。而touchend事件会输出有关触摸操纵的最终信息。留意,在touchend事件触发的时候,touches荟萃中就没有任何Touch工具了,因为不存在勾当的触摸操纵。
这些事件会在文档的所有元素上面触发,因而可以别离操纵页面的差异部门。在触摸屏幕上的元素,这些事件(包罗鼠标事件)产生的顺序如下:
(1)touchstart
(2)mouseover
(3)mousemove(一次)
(4)mousedown
(5)mouseup
(6)click
(7)touchend
先容了这么多,这些触摸事件的兼容环境怎么样呢?支持触摸事件(touchstart、touchmove和touchend)的欣赏器有:iOs版Safari、Android版WebKit、bada版Dolfin、OS6+中的BlackBerry WebKit、Opera Mobile 10.1+和LG专有OS中的Phantom欣赏器。今朝只有iOs版Safari支持多点触摸。PC版Firefox 6+ 和Chrome也支持触摸事件。
HTML5实战与分解之触摸事件(touchstart、touchmove和touchend)就为各人先容到这里了,本日主要为各人先容了些欣赏器兼容支持的环境还不错的触摸事件。但愿能给各人一个参考,也但愿各人多多支持剧本之家。
您大概感乐趣的文章: