小程序中的事件

1,什么是事件跨嘉?

事件是視圖層到邏輯層的通訊方式川慌。

事件可以將用戶(hù)的行為反饋到邏輯層進(jìn)行處理。

事件可以綁定在組件上祠乃,當(dāng)組件觸發(fā)事件梦重,就會(huì)執(zhí)行邏輯層中對(duì)應(yīng)的事件處理函數(shù)。

事件對(duì)象可以攜帶額外信息亮瓷,如 id, dataset, touches琴拧。

2,觸摸事件? ?bindtop

page中寫(xiě)相應(yīng)的事件函數(shù)嘱支,事件參數(shù)是event

3蚓胸,bindinput綁定文本框輸入事件

?page中寫(xiě)相應(yīng)的事件函數(shù),事件參數(shù)是event

4斗塘,data和文本框之間的數(shù)據(jù)同步

在文本框的 input 事件處理函數(shù)中赢织,通過(guò)事件參數(shù) event,能夠訪問(wèn)到文本框的最新值:

語(yǔ)法:event.detail.value

5馍盟,修改data中的數(shù)據(jù)

通過(guò) this.setData(dataObject) 方法于置,可以給頁(yè)面中的 data 數(shù)據(jù)重新賦值。

例如:監(jiān)聽(tīng)文本框的數(shù)據(jù)變化贞岭,并把最新的值賦值給 data 中的 msg

示例代碼如下:

6八毯,事件傳參

(1)不能綁定事件時(shí)同時(shí)傳參

此代碼不能正常工作,因?yàn)樾〕绦驎?huì)把 bindtap 后指定的值瞄桨,統(tǒng)一當(dāng)作事件名稱(chēng)來(lái)處理

(2).通過(guò) data-* 自定義屬性傳參

info作為參數(shù)名话速,值是123

頁(yè)面事件

(1)下拉

1.啟用下拉刷新

(1)需要在 app.json 的 window 選項(xiàng)中或頁(yè)面配置中開(kāi)啟 enablePullDownRefresh。但是芯侥,一般情況下泊交,推薦在頁(yè)面配置中為需要的頁(yè)面單獨(dú)開(kāi)啟下拉刷新行為。

(2)可以通過(guò) wx.startPullDownRefresh() 觸發(fā)下拉刷新柱查,調(diào)用后觸發(fā)下拉刷新動(dòng)畫(huà)廓俭,效果與用戶(hù)手動(dòng)下拉刷新一致。

2.配置下拉刷新窗口的樣式

需要在 app.json 的 window 選項(xiàng)中或頁(yè)面配置中修改 backgroundColor 和 backgroundTextStyle 選項(xiàng)唉工。

backgroundColor 用來(lái)配置下拉刷新窗口的背景顏色研乒,僅支持16進(jìn)制顏色值

backgroundTextStyle 用來(lái)配置下拉刷新 loading 的樣式,僅支持 dark 和 light監(jiān)聽(tīng)

3.頁(yè)面的下拉刷新事件

為頁(yè)面添加 onPullDownRefresh() 函數(shù)淋硝,可以監(jiān)聽(tīng)用戶(hù)在當(dāng)前頁(yè)面的下拉刷新事件

當(dāng)處理完下拉刷新后雹熬,下拉刷新的 loading 效果會(huì)一直顯示宽菜,不會(huì)主動(dòng)消失,所以需要手動(dòng)隱藏下拉刷新的 loading 效果竿报。此時(shí)铅乡,調(diào)用 wx.stopPullDownRefresh() 可以停止當(dāng)前頁(yè)面的下拉刷新。

(2)上拉

概念:在移動(dòng)端仰楚,隨著手指不斷向上滑動(dòng)隆判,當(dāng)內(nèi)容將要到達(dá)屏幕底部的時(shí)候,頁(yè)面會(huì)隨之不斷的加載后續(xù)內(nèi)容僧界,直到?jīng)]有新內(nèi)容為止侨嘀,我們稱(chēng)之為上拉加載更多。上拉加載更多的本質(zhì)就是數(shù)據(jù)的分頁(yè)加載捂襟。

應(yīng)用場(chǎng)景:在移動(dòng)端咬腕,列表數(shù)據(jù)的分頁(yè)加載,首選的實(shí)現(xiàn)方式就是上拉加載更多

配置上拉觸底的距離

可以在 app.json 的 window 選項(xiàng)中或頁(yè)面配置中設(shè)置觸底距離 onReachBottomDistance葬荷。單位為px涨共,默認(rèn)觸底距離為 50px。

監(jiān)聽(tīng)頁(yè)面的上拉觸底事件

為頁(yè)面添加 onReachBottom() 函數(shù)宠漩,可以監(jiān)聽(tīng)用戶(hù)在當(dāng)前頁(yè)面的上拉觸底事件举反,從而實(shí)現(xiàn)上拉加載更多列表數(shù)據(jù)的效果。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末扒吁,一起剝皮案震驚了整個(gè)濱河市火鼻,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌雕崩,老刑警劉巖魁索,帶你破解...
    沈念sama閱讀 212,080評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異盼铁,居然都是意外死亡粗蔚,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)饶火,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)鹏控,“玉大人,你說(shuō)我怎么就攤上這事肤寝∧琳酰” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,630評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵醒陆,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我裆针,道長(zhǎng)刨摩,這世上最難降的妖魔是什么寺晌? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,554評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮澡刹,結(jié)果婚禮上呻征,老公的妹妹穿的比我還像新娘。我一直安慰自己罢浇,他們只是感情好陆赋,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,662評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著嚷闭,像睡著了一般攒岛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上胞锰,一...
    開(kāi)封第一講書(shū)人閱讀 49,856評(píng)論 1 290
  • 那天灾锯,我揣著相機(jī)與錄音,去河邊找鬼嗅榕。 笑死顺饮,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的凌那。 我是一名探鬼主播兼雄,決...
    沈念sama閱讀 39,014評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼帽蝶!你這毒婦竟也來(lái)了赦肋?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,752評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤嘲碱,失蹤者是張志新(化名)和其女友劉穎金砍,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體麦锯,經(jīng)...
    沈念sama閱讀 44,212評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡恕稠,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,541評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了扶欣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鹅巍。...
    茶點(diǎn)故事閱讀 38,687評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖料祠,靈堂內(nèi)的尸體忽然破棺而出骆捧,到底是詐尸還是另有隱情,我是刑警寧澤髓绽,帶...
    沈念sama閱讀 34,347評(píng)論 4 331
  • 正文 年R本政府宣布敛苇,位于F島的核電站,受9級(jí)特大地震影響顺呕,放射性物質(zhì)發(fā)生泄漏枫攀。R本人自食惡果不足惜括饶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,973評(píng)論 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望来涨。 院中可真熱鬧图焰,春花似錦、人聲如沸蹦掐。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,777評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)卧抗。三九已至藤滥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間颗味,已是汗流浹背超陆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,006評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留浦马,地道東北人时呀。 一個(gè)月前我還...
    沈念sama閱讀 46,406評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像晶默,于是被迫代替她去往敵國(guó)和親谨娜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,576評(píng)論 2 349