Firefox 18.0新版之于前端 windrainpy

Mozilla Firefox 18.0 beta 3版本发布
http://www.cnbeta.com/articles/216937.htm

改进之处当中有三点让我感兴趣的:

支持W3C触摸事件.
支持CSS3 Flexbox.
开启开发长达1年之久的的新一代JavaScript引擎——IonMonkey

下面来长下知识,跟进下现在的浏览器发展对于前端的一个促进趋势。


于2010年10月28日,W3C正式成立了WEB EVENTS(事件)工作组。
W3C Web Events(事件)工作组成立的目的是发展关于多点触摸事件(相关的装置包含手写板、电子白板或是类似的输入装置),及高级的涵盖触控装置、键盘输入、鼠标控制及其它输入装置的事件,建造单一简单一贯的模型以定义用户事件(像放大、滚动条、重作、回复)。


iPhone, Android等设备上的Touch和Gesture

Touches
当你将一个手指放到屏幕上时,将触发Touch事件的生命周期。每次手指触摸屏幕,一个新的touchstart事件将会产生。每次手指离开,一个touchend事件将会触发。如果你触摸屏幕并移动手指,那touchmove事件将会触发。如果有太多手指触摸屏幕或者有另一个行为(比如说手机操作系统的信息推送) 打断了touch,一个touchcancel 事件会被触发。

Touch事件列表:
touchstart: 当手指触摸到屏幕时被触发
touchend: 当手指离开屏幕时被触发
touchmove: 当手指在屏幕上移动时被触发
touchcancel: 当Touch被打断或是有太多手指触摸屏幕时被触发。

touches: 包含当前屏幕上每个触点信息的列表。
targetTouches: 和touches类似,但只包含在触发该Touch事件的节点上的触点信息。
changedTouches: 包含每个接触状态变化的触点信息的列表。

这些触点信息包含一些和MouseEvent对象中类似的信息。下面是这些具体信息内容的列表:
clientX: 触点相对于viewport的X坐标(不包括页面滚动的偏移量)
clientY: 触点相对于viewport的Y坐标(不包括页面滚动的偏移量)
screenX: 相对屏幕的X坐标
screenY: 相对屏幕的Y坐标
pageX: 触点相对于整个页面的X坐标 (包括页面滚动的偏移量)
pageY: 触点相对于整个页面的Y坐标 (包括页面滚动的偏移量)
identifier: 数字ID编号,用以区别每个触点。
target: 触点所在的DOM节点


参考文章:
http://blog.csdn.net/dojotoolkit/article/details/7446254
http://wenku.it168.com/d_000190823.shtml

原文地址:https://www.cnblogs.com/windrainpy/p/2804924.html