小程序中点击input控件键盘弹出时placeholder文字上移

　　最近做的一个小程序项目中，出现了点击input控件键盘弹出时placeholder文字上移，刚开始以为是软键盘弹出布局上移问题是传说中典型的fixed 软键盘顶起问题，因此采纳了网上搜到的“当获取焦点时，将fixed的元素改为static;失去焦点，再改回fixed”的方法，然而行不通，我试着给input加了个边框，然而当软键盘弹出时input框并没有移动，仅仅是input中的placeholder上移了，因此只能想到了让placeholder文字在聚焦是为空，在失焦是显示为指定值一下为具体代码

xml

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文字上移相关推荐

微信小程序——点击不同的标签，弹出显示不同的内容
先展示效果图:(点击下面的小标签,弹出相应的内容) 思路:先给List所以数据绑定isactive:false,再通过点击事件,点击哪个,就把哪个的isactive设置为true,再用三元表达式ite ...
小程序点击input框时被软键盘挡住解决方案
小程序点击input框时被软键盘挡住解决方案可以正在input上面加 cursor-spacing='10' <input type="number" value=&quo ...
微信小程序wepy自定义card控件封装
微信小程序wepy自定义card控件在利用wepy开发小程序的过程中,需要使用自定义控件来实现,但是很多时候,若直接在page页面中写对应的控件,下次在另一个页面中,想使用同样的控件又需要重新绑定数 ...
微信小程序：模仿树形控件——画三角形
微信小程序:模仿树形控件--画三角形前言一.前端样式二.css 1.底边在左的三角形 2.底边在上的三角形前言微信小程序没有像element ui这样的框架,页面需要展现一个树形结构,于是就 ...
关于小程序中点击事件失效问题总结
关于小程序中点击事件失效问题总结 handleItemTap(e){//获取suoyinconst {index}=e.currentTarget.dataset; //相当于const index ...
Android 软键盘弹出时把布局顶上去，控件乱套解决方法
Android 软键盘弹出时把布局顶上去,控件乱套解决方法参考文章: (1)Android 软键盘弹出时把布局顶上去,控件乱套解决方法 (2)https://www.cnblogs.com/zhuj ...
背水一战 Windows 10 (36) - 控件（弹出类）: ToolTip, Popup, PopupMenu
原文:背水一战 Windows 10 (36) - 控件(弹出类): ToolTip, Popup, PopupMenu [源码下载] 背水一战 Windows 10 (36) - 控件(弹出类): ...
JSP页面的日期控件可以弹出选择框选择日期
JSP页面的日期控件可以弹出选择框选择日期 input框的如下 <input type="text" name="starttime" readonly= ...
input获取焦点软键盘弹出影响定位
解决移动端底部fixed和input获取焦点软键盘弹出影响定位的问题 $(document).ready(function() { va ...

小程序中点击input控件键盘弹出时placeholder文字上移

小程序中点击input控件键盘弹出时placeholder文字上移相关推荐

最新文章

热门文章