最近做的一個小程序項目中，出現了點擊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: "請輸入要錄入的單詞" }) } })

轉載于:https://www.cnblogs.com/joyer-lee/p/8117599.html

總結

以上是生活随笔為你收集整理的小程序中点击input控件键盘弹出时placeholder文字上移的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。