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,923評論 18 139
  • 國家電網公司企業標準(Q/GDW)- 面向對象的用電信息數據交換協議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 11,149評論 6 13
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,367評論 0 2
  • 本人參與#漫步青春#征文活動,作者:付爍月,本人承諾,文章內容均為原創,且未在其他平臺發布 遠方不遠 在清晨的小道...
    木洛未至兮閱讀 347評論 1 1
  • 一個人,10座城,30天,3000元,8000公里行程用足跡續寫成長的旅程。 或許早在2013年寒假云南之行結束的...
    露營實驗室閱讀 565評論 0 1