天天看點

小程式——評論+回複功能之問題解決

0.0 發博界面變了,有點不适應 哈哈哈

以下記錄以下在做這個功能時遇到的問題,都是自己寫的代碼問題。。。唉

問題一: 資料在input為blur時清空,點選發送按鈕時,blur先觸發,導緻發送時攜帶的使用者資訊清空了

評論功能發送觸發點有兩個:一個是輸入框右側的發送 一個是鍵盤上的确定事件,為了避免以上問題,給blur的清空加上了150ms的延遲

問題二:input focus時,拉起了鍵盤,當點選鍵盤以外的地方(我這邊時評論清單,點選清單觸發回複功能),這個地方剛好有點選事件時,會被觸發,導緻鍵盤縮起來了之後又被拉起

解決:不知道啥方法比較好,我監聽了鍵盤高度,在評論的清單的點選事件中判斷鍵盤高度是否大于0,大于0時,return掉

問題三:在小米和一些比較老的手機上會有點選了input之後,有聚焦但是沒有拉起鍵盤的問題發生

解決:将點選input的時候去掉了修改input的focus為true的那行代碼就正常了

問題四:因為input中的placeholder為動态修改,在一些老手機上會有placeholder和輸入内容重疊問題,當輸入内容時,placeholder并沒有消失。

解決:focus的修改需要現在placeholder之前

this.setData({
      inputFocus:true,
      moreEvalutePop:false,
      placeHolder:'回複 @'+commenttarget.nickName,
      replyUser:param
    })