|
使用input標(biāo)簽,我們都會(huì),在微信小程序中使用,必定也是可以一下子就會(huì)的,但是卻有些常用的屬性無(wú)法按照習(xí)慣去使用:
我就用我最常用的來(lái)做例子:
一個(gè)一個(gè)來(lái)解讀:
首先,我是定義了他的id,這是我們最常用的,所以就配了一個(gè)id,畢竟不操作他,又為什么設(shè)成輸入框呢,
第二,設(shè)置他的樣式,
第三,設(shè)置他的輸入類別,以上都是很簡(jiǎn)單的
第四。使用正則l;哎限定輸入為純數(shù)字。這點(diǎn)可能有點(diǎn)不理解,這是對(duì)他的keyup事件監(jiān)聽,將不是純數(shù)字的list無(wú)視掉。注意,是對(duì)整個(gè),不是經(jīng)行篩選。
第五,限制他的輸入最多6位數(shù)
第六輸入事件監(jiān)聽。這是微信專屬的,他的事件下面會(huì)給出
第七,設(shè)置當(dāng)輸入框?yàn)榭盏臅r(shí)候他的‘提示語(yǔ)’;
bindinput事件:
bind,顧名思義是綁定,綁定input輸入
事件如下:
-
tapevent:function(e){
-
// 減少的時(shí)候
-
if (e.target.id =="increase"){
-
this.data.tickets++;
-
this.setData(this.data);
-
}
-
else {
-
this.data.tickets--;
-
this.setData(this.data);
-
-
}
-
// 在這里修改總額
-
},
這是節(jié)選,所以先不要好奇怎么運(yùn)行到這一段的,看得出來(lái)。tapevent被定義為一個(gè)function。并且在這經(jīng)行操作,感覺(jué)微信跟Android差不多。都是靠刷新頁(yè)面來(lái)的。
|