封装的部分移动端常用的事件:

方法

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>
Top