weex 允许对<template>
中的元素绑定事件处理器。属性名称是以on...
为前缀加事件类型 和处理函数名。例如:onclick="handler"
<template>
<image onclick="handler" ...></image>
</template>
<script>
module.exports = {
methods: {
handler: function (e) {
// TODO
}
}
}
</script>
当用户点击图片时, <script>
中定义的handler 函数将被执行。
除了使用方法名外,你也可以自定义入参。
e.g.
<template>
<image onclick="handler('arg1', $event)" ...></image>
</template>
<script>
module.exports = {
methods: {
handler: function (arg1, e) {
// TODO
}
}
}
</script>
当一个事件函数被调用,它会收到的第一个参数就是事件对象。每个事件对象包含一下属性。
type
: 事件名称, 如: click
target
: 目标元素
timestamp
: 事件触发的时间戳