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: 事件觸發的時間戳