微信小程序事件 bindtap bindinput代碼實(shí)例

更新時(shí)間：2019年08月26日 09:39:51 作者：渺茫大海

這篇文章主要介紹了微信小程序事件 bindtap bindinput代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

一、bindtap事件

在wxml文件里綁定：

 <view class='wel-list' bindtap='TZdown'>
  <image src="/images/welcome_08.png"></image>
  <text>C語(yǔ)言資料下載</text>
 </view>

在js文件里相應(yīng)：

Page({
 TZdown: function () {
  wx.navigateTo({
   url: '../download/download'
  });
 }
})

二、bindinput事件

wxml文件：

<input type="number" placeholder="請(qǐng)輸入手機(jī)號(hào)" class="inp-holder" maxlength="11" bindinput="getPhone" />
<input type="number" placeholder="請(qǐng)輸入驗(yàn)證碼" class="inp-holder" maxlength="6" bindinput="getCode" />

js文件：

// 拿到手機(jī)號(hào)
  getPhone: function (e) {
    var val = e.detail.value;
    this.setData({
      telphone: val
    });
  },  
   // 拿到驗(yàn)證碼
  getCode: function (e) {
    var val = e.detail.value;
    this.setData({
      code: val
    });
  },

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)的全國(guó)省市縣無(wú)刷新多級(jí)關(guān)聯(lián)菜單效果代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)的全國(guó)省市縣無(wú)刷新多級(jí)關(guān)聯(lián)菜單效果代碼,涉及javascript針對(duì)頁(yè)面元素的遍歷與屬性的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2016-08-08
ElementUI在實(shí)際項(xiàng)目使用步驟詳解
這篇文章主要介紹了ElementUI在實(shí)際項(xiàng)目使用的功能總結(jié),本文分步驟通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-07-07
深入淺析Node環(huán)境和瀏覽器的區(qū)別
最近有朋友問(wèn)我node環(huán)境和瀏覽器的區(qū)別這一問(wèn)題，今天小編就抽空給大家介紹下Node環(huán)境和瀏覽器的區(qū)別，感興趣的朋友一起看看吧
2018-08-08
JS實(shí)現(xiàn)鼠標(biāo)按下拖拽效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)鼠標(biāo)按下拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
淺談javascript的數(shù)據(jù)類型檢測(cè)
剖析一下javascript的數(shù)據(jù)類型。這一次我們只簡(jiǎn)單討論下javascript的數(shù)據(jù)類型檢測(cè)，繼續(xù)期望大家踴躍發(fā)表意見，尤其歡迎高手拍磚。
2010-07-07
canvas紅包照片實(shí)例分享
本文主要分享了canvas紅包照片的實(shí)例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
淺談JavaScript的全局變量與局部變量
下面小編就為大家?guī)?lái)一篇淺談JavaScript的全局變量與局部變量。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
JavaScript實(shí)現(xiàn)字符串轉(zhuǎn)字符數(shù)組的兩種方式
在 JavaScript 的編程世界里,字符串和數(shù)組是極為常見的數(shù)據(jù)類型,在實(shí)際開發(fā)中,我們常常會(huì)遇到需要將字符串轉(zhuǎn)換為字符數(shù)組的情況,接下來(lái),我們將深入探討如何使用 JavaScript 實(shí)現(xiàn)這一轉(zhuǎn)換,同時(shí)結(jié)合代碼示例詳細(xì)分析不同方法的特點(diǎn),需要的朋友可以參考下
2025-04-04
javascript+ajax實(shí)現(xiàn)產(chǎn)品頁(yè)面加載信息
本文給大家分享的是使用javascript結(jié)合ajax實(shí)現(xiàn)產(chǎn)品頁(yè)面無(wú)刷新加載信息的代碼，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
詳解搭建es6+devServer簡(jiǎn)單開發(fā)環(huán)境
這篇文章主要介紹了詳解搭建es6+devServer簡(jiǎn)單開發(fā)環(huán)境，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09