微信小程式事件應用詳解

2022-04-04 18:53:42 字數 772 閱讀 4689

1、冒泡事件:當乙個元件上的事件被觸發後,該事件會向父節點傳遞。

bindtap事件( 當使用者點選該元件的時候會在該頁面對應的page中找到相應的事件處理函式)

//wxml檔案

} //js檔案

getverificationcode:function(e),

wxml事件

事件繫結

bind事件繫結不會阻止冒泡事件向上冒泡,catch事件繫結可以阻止冒泡事件向上冒泡。

2.表單事件

bindblur事件(輸入框失去焦點時觸發)

//wxml檔案

//js檔案

usernameinput:function(e),

bindinput事件(鍵盤輸入時觸發)

引數value:輸入值;cursor:輸入長度

//js檔案

bindkeyinput: function (e) ,

bindconfirm事件(點選完成按鈕時觸發)

點選完成按鈕時觸發

//js檔案

bindconfirminput:function(e),

當輸入完成後按回車或手機鍵盤確認鍵會觸

微信小程式 事件

事件繫結 事件繫結的寫法同元件的屬性,以 key value 的形式。key 以bind或catch開頭,然後跟上事件的型別,如bindtap,catchtouchstart value 是乙個字串,需要在對應的 page 中定義同名的函式。不然當觸發事件的時候會報錯。bind事件繫結不會阻止冒泡事...

微信小程式事件小結

1 事件繫結bindtap 如上,給增加了乙個golink的方法,那如何獲取事件的入參?先將需要傳遞的引數通過data 形式寫在元素上,上面 golink 要傳遞linkeurl,直接在image元素上新增data linke url直接看golink方法 開啟url鏈結 golink functi...

關於微信小程式事件

1.繫結事件 格式 bind 事件名 方法名 例如 刪除 如何傳參 通常利用自定義屬性來傳參 說明 h5通常data 自定義屬性名來傳參 2.觸發邏輯操作 資料驅動操作如何同步到檢視?this.setdata 類似於react中的this.setstate 補充 只更新某一條資料,而不是整體覆蓋更新...