weex 允許對<template> 中的元素綁定事件處理器凭涂。屬性名稱是以on...為前綴加事件類型 和處理函數(shù)名。例如:onclick="handler"
<template>
<image onclick="handler" ...></image>
</template>
<script>
module.exports = {
methods: {
handler: function (e) {
// TODO
}
}
}
</script>
當(dāng)用戶點擊圖片時, <script> 中定義的handler 函數(shù)將被執(zhí)行茴厉。
添加參數(shù)
除了使用方法名外旧蛾,你也可以自定義入?yún)ⅰ?/p>
<template>
<image onclick="handler('arg1', $event)" ...></image>
</template>
<script>
module.exports = {
methods: {
handler: function (arg1, e) {
// TODO
}
}
}
</script>
事件對象
當(dāng)一個事件函數(shù)被調(diào)用寻狂,它會收到的第一個參數(shù)就是事件對象瞬项。每個事件對象包含一下屬性查牌。
- type: 事件名稱, 如: click
- target: 目標(biāo)元素
- timestamp: 事件觸發(fā)的時間戳