• 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

  • 相关阅读:
    Selenium之IE浏览器的启动问题及解决
    Selenium之Chrome浏览器的启动问题及解决
    Selenium之IE浏览器的启动
    Selenium之firefox浏览器的启动
    【luogu 3373】【模板】线段树2
    【luogu 3372】【模板】线段树1
    【luogu 1908】逆序对
    【codevs2822】爱在心中
    【bzoj1051】 [HAOI2006]受欢迎的牛
    【luogu 2863】[USACO06JAN]牛的舞会The Cow Prom
  • 原文地址:https://www.cnblogs.com/windrainpy/p/2804924.html
Copyright © 2020-2023  润新知