微信小程序中input標簽詳解及簡單實例

更新時間：2017年05月18日 16:57:40 投稿：lqh

這篇文章主要介紹了微信小程序中input標簽詳解及簡單實例的相關資料,需要的朋友可以參考下

微信小程序中input標簽詳解及簡單實例

使用input標簽，我們都會，在微信小程序中使用，必定也是可以一下子就會的，但是卻有些常用的屬性無法按照習慣去使用：
我就用我最常用的來做例子：

一個一個來解讀：

首先，我是定義了他的id，這是我們最常用的，所以就配了一個id，畢竟不操作他，又為什么設成輸入框呢， 
第二，設置他的樣式， 
第三，設置他的輸入類別，以上都是很簡單的 
第四。使用正則l；哎限定輸入為純數(shù)字。這點可能有點不理解，這是對他的keyup事件監(jiān)聽，將不是純數(shù)字的list無視掉。注意，是對整個，不是經行篩選。 
第五，限制他的輸入最多6位數(shù) 
第六輸入事件監(jiān)聽。這是微信專屬的，他的事件下面會給出 
第七，設置當輸入框為空的時候他的‘提示語'；

bindinput事件：

bind，顧名思義是綁定，綁定input輸入

事件如下：

 tapevent:function(e){
  // 減少的時候
  if (e.target.id =="increase"){
this.data.tickets++;
this.setData(this.data);
  }
  else {
   this.data.tickets--;
   this.setData(this.data);
  }
  // 在這里修改總額
 },

這是節(jié)選，所以先不要好奇怎么運行到這一段的，看得出來。tapevent被定義為一個function。并且在這經行操作，感覺微信跟Android差不多。都是靠刷新頁面來的。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

Javascript中彈窗confirm與prompt的區(qū)別
今天小編就為大家分享一篇關于Javascript中彈窗confirm與prompt的區(qū)別，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2018-10-10
詳解Three.js?場景中如何徹底刪除模型和性能優(yōu)化
這篇文章主要為大家介紹了詳解Three.js?場景中如何徹底刪除模型和性能優(yōu)化，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
前端JavaScript徹底弄懂函數(shù)柯里化curry
隨著主流JavaScript中函數(shù)式編程的迅速發(fā)展，函數(shù)柯里化在許多應用程序中已經變得很普遍。了解它們是什么，它們如何工作以及如何充分利用它們非常重要。本篇文章小編九向大家詳細介紹JavaScript函數(shù)柯里化，需要的小伙伴可以參考下面文字內容
2021-09-09
微信小程序的日期選擇器的實例詳解
這篇文章主要介紹了微信小程序的日期選擇器的實例詳解的相關資料,希望通過本能幫助到大家，需要的朋友可以參考下
2017-09-09
JavaScript 事件捕獲冒泡與捕獲詳情
這篇文章主要介紹了JavaScript事件捕獲冒泡與捕獲，文章主要圍繞JavaScript事件捕獲冒泡與捕獲展開詳細內容,需要的朋友可以參考一下，希望對你有所幫助
2021-11-11
微信小程序簡單實例（閱讀器）的實例開發(fā)
這篇文章主要介紹了微信小程序簡單實例（閱讀器）的實例開發(fā)的相關資料,需要的朋友可以參考下
2016-09-09
window屬性onbeforeunload語法教程示例
這篇文章主要為大家介紹了window屬性onbeforeunload語法教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-07-07
網頁里控制圖片大小的相關代碼
網頁里控制圖片大小的相關代碼...
2006-06-06
微信小程序實現(xiàn)頁面跳轉傳值的方法
這篇文章主要介紹了微信小程序實現(xiàn)頁面跳轉傳值的方法的相關資料,希望通過本文能幫助到大家，讓大家實現(xiàn)這樣的功能，需要的朋友可以參考下
2017-10-10
JS代碼優(yōu)化的8點建議
本文將詳細介紹JS編程風格的幾個要點與JS代碼優(yōu)化的幾點建議,需要的朋友可以參考下
2020-02-02