HTML5实战与分解之触摸事件(touchstart、touchmove和(2)

  上面的小例子。当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)就为各人先容到这里了,本日主要为各人先容了些欣赏器兼容支持的环境还不错的触摸事件。但愿能给各人一个参考,也但愿各人多多支持剧本之家。

您大概感乐趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsdppg.html