微信小程序事件 bindtap bindinput代碼實例
更新時間：2019年08月26日 09:39:51 作者：渺茫大海
這篇文章主要介紹了微信小程序事件 bindtap bindinput代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
一、bindtap事件
在wxml文件里綁定：
<view class='wel-list' bindtap='TZdown'> <image src="/images/welcome_08.png"></image> <text>C語言資料下載</text> </view>
在js文件里相應(yīng)：
Page({
TZdown: function () {
wx.navigateTo({
url: '../download/download'
});
}
})
二、bindinput事件
wxml文件：
<input type="number" placeholder="請輸入手機號" class="inp-holder" maxlength="11" bindinput="getPhone" /> <input type="number" placeholder="請輸入驗證碼" class="inp-holder" maxlength="6" bindinput="getCode" />
js文件：
// 拿到手機號
getPhone: function (e) {
var val = e.detail.value;
this.setData({
telphone: val
});
},
// 拿到驗證碼
getCode: function (e) {
var val = e.detail.value;
this.setData({
code: val
});
},
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了基于BootStarp的Dailog 的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了微信小程序自定義菜單切換欄tabbar組件代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
JavaScript快速排序...2007-01-01
TypeScript中的interface與type實戰(zhàn)
這篇文章主要介紹了TypeScript中的interface與type詳解,它們都是用來定義類型的強大工具，在實際開發(fā)中，你可以根據(jù)具體情況選擇使用 interface 或 type，或者甚至將它們結(jié)合起來使用，需要的朋友可以參考下2023-06-06
JavaScript+html5 canvas繪制繽紛多彩的三角形效果完整實例
這篇文章主要介紹了JavaScript+html5 canvas繪制繽紛多彩的三角形效果,以完整實例形式分析了html5的canvas繪制圖形的相關(guān)技巧,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了微信小程序下拉框搜索功能的實現(xiàn)方法，內(nèi)容比較簡單容易理解 ,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了TypeScript利用TS封裝Axios實戰(zhàn)，TypeScript封裝一遍Axios，能進一步鞏固TypeScript的基礎(chǔ)知識，需要的小伙伴可以參考一下2022-06-06
最近重新溫習(xí)了一次《javascript設(shè)計模式》，確實是一本好書，每次看都有不同的領(lǐng)悟，每次領(lǐng)悟到的都受益匪淺，無怪古圣人都說學(xué)無止鏡了，僅以“加油，好嗎？”共勉！2009-10-10
微信小程序 scroll-view 實現(xiàn)錨點跳轉(zhuǎn)功能
這篇文章主要介紹了微信小程序 scroll-view 實現(xiàn)錨點跳轉(zhuǎn)功能,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-12-12
本文介紹下，js代碼獲取IP地址的三種方法，通過三個例子來了解如何在js中取得客戶端的IP地址。有需要的朋友不妨作個參考2014-07-07