事件对象

重要的属性和方法

只读

currentTarget 真正监听事件的那个元素
target 事件的目标元素
type 事件的类型
perventDefault() 取消事件的默认行为
stopPropagation() 取消事件的捕获或者冒泡
bubbles 事件是否冒泡
eventPhase 事件处理程序的三个阶段,1捕获2处于目标3冒泡

读写

clientX 鼠标在窗口中的水平位置
clientY 鼠标在窗口中的垂直位置

事件类型

移动事件
touchstart 当手指触摸到屏幕时触发
touchmove 当手指在屏幕上连续滑动时触发
touchend 当手指从屏幕上移开时触发
touchcancel 当系统停止跟踪触摸时触发(这个事件没有确定的触发时间)

它们都是冒泡的,也可以取消

移动event事件对象

PC上存在的,在移动上也存在,描述上有差异,比如

target 触摸的DOM节点目标
pageX 触摸目标在页面中的X坐标
pageY 触摸目标在页面中的Y坐标

手势

gesturestart 当一个手指按在屏幕上另外一个手指又触摸屏幕时触发
gesturechange 依赖前者当其中的一个手指发生改变时触发
gestureend 当任何一个手指离开时触发

简单手势详解:https://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-2.html

复杂手势:http://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html

三个跟踪触摸事件的属性

touches 当前跟踪触摸操作的touch数组,在touchend事件中为空
targetTouchs 特定事件目标的touch数组
ChangedTouches 上次触摸时发生了什么改变的touch数组

 对于Touch的处理:(http://www.cnblogs.com/pifoo/archive/2011/05/23/webkit-touch-event-1.html)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,310评论 6 13
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,789评论 8 265
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,172评论 1 32
  • 今天朋友圈看到很多人转发的文章,讲到一位年轻母亲带着两个孩子跳楼的事情。仅仅是读到文章的标题,就让人感到悲伤和惋惜...
    茉菡滴雨听阅读 335评论 3 1