微信小程序事件 bindtap bindinput代碼實例

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

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

一、bindtap事件

在wxml文件里綁定：

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

在js文件里相應：

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
    });
  },

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

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