先上圖
實現(xiàn)功能: 1、編輯修改標(biāo)題和內(nèi)容 2、將用戶輸入的內(nèi)容和標(biāo)題保存到本地緩存 3、刪除內(nèi)容
在使用textarea作為輸入框的過程中發(fā)現(xiàn)textarea只支持 獲取焦點、失去焦點和輸入框行數(shù)變化等事件,并且只有在觸發(fā)這幾個事件之后才能獲得textarea 里的內(nèi)容 ,使得實時保存數(shù)據(jù)無法實現(xiàn).
所以退而求其次,增加一個保存按鈕,點擊按鈕時保存標(biāo)題和內(nèi)容,又因微信的表單沒有實現(xiàn)數(shù)據(jù)雙向綁定的功能
所以研究出了2種方法來實現(xiàn):
1.給textarea 增加失去焦點事件,點擊按鈕后讓textarea的focus=’false’ 失去焦點 給textarea 綁定focus
<!--/*
***HotApp云筆記,基于HotApp小程序統(tǒng)計云后臺
***免費云后臺申請地址 https://weixin.hotapp.cn/cloud
***API 文檔地址:https://weixin.hotapp.cn/api
***小程序技術(shù)討論QQ群:173063969
*/-->
<!--index.wxml-->
<view class="container">
<view class='title'><input name="title" placeholder-class="placeholder" placeholder=