小程序中點擊input控件鍵盤彈出時placeholder文字上移


  最近做的一個小程序項目中,出現了點擊input控件鍵盤彈出時placeholder文字上移,剛開始以為是軟鍵盤彈出布局上移問題是傳說中典型的fixed 軟鍵盤頂起問題,因此采納了網上搜到的“當獲取焦點時,將fixed的元素改為static;失去焦點,再改回fixed”的方法,然而行不通,我試着給input加了個邊框,然而當軟鍵盤彈出時input框並沒有移動,僅僅是input中的placeholder上移了,因此只能想到了讓placeholder文字在聚焦是為空,在失焦是顯示為指定值一下為具體代碼

xml
<input id='searchInput' placeholder='{{phValue}}' type="text"  bindfocus='onFocus' bindblur='onBlur'/>
 
js
Page({
// 頁面的初始數據
data: {
phValue:"請輸入要錄入的單詞"
},
onFocus: function (e) {
this.setData({
phValue:" "
})
},
onBlur: function (e) {
this.setData({
phValue: "請輸入要錄入的單詞"
})
}
})



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM