cmp.event 类
封装的部分移动端常用的事件:
方法
click
click
(
-
dom
-
fun
)
cmp封装的点击事件,优化了在手机端,tap、click事件的延迟问题和点穿问题
参数:
名称 | 类型 | 标识 | 描述 |
---|---|---|---|
dom
| Object | 必选 | 绑定事件的dom |
fun
| Function | 必选 | 事件绑定的回调函数 |
示例:
<script>
cmp.event.click(dom1,function(){
//do something
});
</script>
ready
ready
(
-
fn
)
监听页面的ready事件,兼容了cmp壳和微信、pc端
!cmp壳必须通过此ready才能入口
参数:
名称 | 类型 | 标识 | 描述 |
---|---|---|---|
fn
| Function | 必选 | ready后的回调函数,即呈现的入口函数 |
示例:
<script>
cmp.ready(function (){
//开发者的业务应用写在这里
});
</script>
touchHold
touchHold
(
-
dom
-
fun
)
移动端长按事件 默认长按700毫秒就会促发事件
参数:
名称 | 类型 | 标识 | 描述 |
---|---|---|---|
dom
| Object | 必选 | 绑定事件的dom |
fun
| Function | 必选 | 事件绑定的回调函数 |
示例:
<script>
cmp.event.touchHold(dom1,function(){
//do something
});
</script>
trigger
trigger
(
-
type
-
dom
-
data
)
主动触发事件
参数:
名称 | 类型 | 标识 | 描述 |
---|---|---|---|
type
| String | 必选 | 主动触发的事件类型,比如click,tap等 |
dom
| Object | 必选 | 主动触发事件的dom对象 |
data
| Object | String | Array | 必选 | 主动触发时的需要传递的参数 |
示例:
<script>
cmp.event.trigger("tap",dom1);
****************************************************************
document.addEvenetListener("UC_getMessage",function(event){
var data = event.data;//从event对象中获取data
});
cmp.event.trigger("UC_getMessage",document,data);//触发document监听的UC_getMessage事件
</script>