加载中...

1.2.3 事件

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

  1. <template>
  2.   <image onclick="handler" ...></image>
  3. </template>
  4.  
  5. <script>
  6.   module.exports = {
  7.     methods: {
  8.       handler: function (e) {
  9.         // TODO
  10.       }
  11.     }
  12.   }
  13. </script>

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

添加参数

除了使用方法名外，你也可以自定义入参。
e.g. 

  1. <template>
  2.   <image onclick="handler('arg1', $event)" ...></image>
  3. </template>
  4.  
  5. <script>
  6.   module.exports = {
  7.     methods: {
  8.       handler: function (arg1, e) {
  9.         // TODO
  10.       }
  11.     }
  12.   }
  13. </script>

事件对象

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

  • type: 事件名称, 如: click
  • target: 目标元素
  • timestamp: 事件触发的时间戳
还没有评论.