Weex语法——事件

weex 允许对<template> 中的元素绑定事件处理器。属性名称是以on...为前缀加事件类型 和处理函数名。例如:onclick="handler"

<template>
  <image onclick="handler" ...></image>
</template>
 
<script>
  module.exports = {
    methods: {
      handler: function (e) {
        // TODO
      }
    }
  }
</script>

当用户点击图片时, <script> 中定义的handler 函数将被执行。

添加参数

除了使用方法名外,你也可以自定义入参。

<template>
  <image onclick="handler('arg1', $event)" ...></image>
</template>
 
<script>
  module.exports = {
    methods: {
      handler: function (arg1, e) {
        // TODO
      }
    }
  }
</script>

事件对象

当一个事件函数被调用,它会收到的第一个参数就是事件对象。每个事件对象包含一下属性。

  • type: 事件名称, 如: click
  • target: 目标元素
  • timestamp: 事件触发的时间戳
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,962评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,170评论 6 13
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,379评论 0 2
  • 本人参与#漫步青春#征文活动,作者:付烁月,本人承诺,文章内容均为原创,且未在其他平台发布 远方不远 在清晨的小道...
    木洛未至兮阅读 347评论 1 1
  • 一个人,10座城,30天,3000元,8000公里行程用足迹续写成长的旅程。 或许早在2013年寒假云南之行结束的...
    露营实验室阅读 565评论 0 1