一、事件对象
如无特殊说明,当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象。
1、BaseEvent 基础事件对象属性列表:
属性 |
类型 |
说明 |
String |
事件类型 |
|
Integer |
事件生成时的时间戳 |
|
Object |
触发事件的组件的一些属性值集合 |
|
Object |
当前组件的一些属性值集合 |
2、CustomEvent 自定义事件对象属性列表(继承 BaseEvent):
属性 |
类型 |
说明 |
Object |
额外的信息 |
3、TouchEvent 触摸事件对象属性列表(继承 BaseEvent):
属性 |
类型 |
说明 |
Array |
触摸事件,当前停留在屏幕中的触摸点信息的数组 |
|
Array |
触摸事件,当前变化的触摸点信息的数组 |
特殊事件: 中的触摸事件不可冒泡,所以没有 currentTarget。
二、事件类型详解
1、type
代表事件的类型。
2、timeStamp
页面打开到触发事件所经过的毫秒数。
3、target
触发事件的源组件。
属性 |
类型 |
说明 |
id |
String |
事件源组件的id |
tagName |
String |
当前组件的类型 |
Object |
事件源组件上由data-开头的自定义属性组成的集合 |
4、currentTarget
事件绑定的当前组件。
属性 |
类型 |
说明 |
id |
String |
事件源组件的id |
tagName |
String |
当前组件的类型 |
Object |
事件源组件上由data-开头的自定义属性组成的集合 |
说明: target 和 currentTarget 可以参考上例中,点击 inner view 时,handleTap3 收到的事件对象 target 和 currentTarget 都是 inner,而 handleTap2 收到的事件对象 target 就是 inner,currentTarget 就是 middle。
5、dataset
在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.currentTarget.dataset 中会将连字符转成驼峰elementType。
点击(此处)折叠或打开
- view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test /view>
-
- Page({
- bindViewTap:function(event){
- event.currentTarget.dataset.alphaBeta === 1 // - 会转为驼峰写法
- event.currentTarget.dataset.alphabeta === 2 // 大写会转为小写
- }
- })
6、touches
touches 是一个数组,每个元素为一个 Touch 对象(canvas 触摸事件中携带的 touches 是 CanvasTouch 数组)。 表示当前停留在屏幕上的触摸点。
7、Touch 对象
属性 |
类型 |
说明 |
identifier |
Number |
触摸点的标识符 |
pageX, pageY |
Number |
距离文档左上角的距离,文档的左上角为原点 ,横向为X轴,纵向为Y轴 |
clientX, clientY |
Number |
距离页面可显示区域(屏幕除去导航条)左上角距离,横向为X轴,纵向为Y轴 |
8、CanvasTouch 对象
属性 |
类型 |
说明 |
identifier |
Number |
触摸点的标识符 |
x, y |
Number |
距离 Canvas 左上角的距离,Canvas 的左上角为原点 ,横向为X轴,纵向为Y轴 |
9、changedTouches
changedTouches 数据格式同 touches。 表示有变化的触摸点,如从无变有(touchstart),位置变化(touchmove),从有变无(touchend、touchcancel)。
10、detail
自定义事件所携带的数据,如表单组件的提交事件会携带用户的输入,媒体的错误事件会携带错误信息,详见组件定义中各个事件的定义。
点击事件的detail 带有的 x, y 同 pageX, pageY 代表距离文档左上角的距离。