「小程序JAVA實戰」 小程序的事件(11)
阿新 • • 發佈:2019-01-15
公眾號 ott 數據 app pre ani imageview 演示 ngios
轉自:https://idig8.com/2018/08/09/xiaochengxu-chuji-11/
我們以前在web開發的時候,web頁面也有一些相關的事件,當然小程序要接觸屏幕要進行一些點擊和拖動事件。源碼:https://github.com/limingios/wxProgram.git 中的No.6
小程序的事件觸發
通過行為進行的人機交互方式
類似於html的onClick,onChange事件等等
- 官方的闡述
>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
- 程序演示點擊
//events.js //獲取應用實例 const app = getApp() Page({ data: { motto: ‘Hello World‘, userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse(‘button.open-type.getUserInfo‘) }, clickMe: function(){ console.log("你點擊我這裏出來了!") } })
<!events.wxml-->
<view class="container">
<text bindtap=‘clickMe‘>點我點我我給console顯示</text>
</view>
- 數據傳遞
>通過view標簽中的data來綁定數據
<!events.wxml--> <view class="container"> <text data-forName=‘公眾號:編程坑太多‘ data-forUser=‘開發人員‘ data-forDate=‘201800805‘ bindtap=‘clickMe‘>點我點我我給console顯示</text> </view>
//events.js //獲取應用實例 const app = getApp() Page({ data: { motto: ‘Hello World‘, userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse(‘button.open-type.getUserInfo‘) }, clickMe: function(e){ console.log("你點擊我這裏出來了!") console.log(e) console.log(e.currentTarget.dataset.fordate) } })
- 仔細觀察的老鐵會發現一個問題
>在wxml裏面forData是大寫,在js裏面的fordata自動變成了小寫,這就是微信自己幫咱們把駝峰形式做了轉換。
PS:小程序的事件基本就是這樣,事件使用,事件分類,事件詳情,這三個方向來使用。
「小程序JAVA實戰」 小程序的事件(11)