无论是小程序还是普通的Html页面，input文本框我们使用的次数都很多。 本文主要阐述了在小程序上聚焦文本框自动提升输入键盘的使用体会。
为什么我要聚焦并拉起键盘？ 为什么我要放弃焦点事件呢？
因为在我的小程序文章中提供了评论文章的功能，所以昨天有空的话也想试试回复评论的功能。 我想回复和评论同时共享文本框，如下图1所示进行说明。 我们进入文章界面时，输入框模式默认为评论文章，点击回复则如图2所示，文本框回复XXX的评论。 这里有一个过程。 我们点击回复的时候，首先聚焦于这个文本框。 (focus=) )为true时聚焦。 )手机会自动向上拉起输入框，并为该文本框分配“回复XXX评论”的值。 为什么要给文本框赋值？ 因为“文本内容. index of ([回复XXX评论：] )==0"”来区分是回复文章还是回复评论。
最初不是那样设计的。 单击回复后，文本框将被焦点选中并拉起，所以我想在焦点偏离时将文本框更改为评论文章。 但是，在测试中发生了问题。 我点击回复时文本框失焦触发的方法是，在回复按钮触发之前，评论会变成评论文章。 当时考虑的一个解决方案是通过计时器来延迟失焦的整个事件方法。 虽然取得了效果，但也有问题。 用户回复评论时，突然不想评论，单击屏幕上的其他位置。 那时，按钮应该会马上发表，文本框的placeholder应该会成为评论文章，但是由于延迟，过一会儿会回来。 我不是很亲切。 那么怎么办？ 我想起了CSDN回复评论的功能。 我们回复评论的时候会带来replyXXX的效果。 我想这可能是在判断回复文章还是回复评论的区别，所以那样做了。 我们看一下具体的实现
那么，具体来看一下代码吧：
{{insertorfeed}}
上面是文本框、按钮和绑定的事件。 主要看JS吧：
首先，让我们看一下点击回复并拉起键盘的事件。 代码内的id是文章评论的id，name是评论人的名字，focus是将焦点设定为true，insertorfeed是按钮上显示的值，最初是评论，点击回复按钮就会回复，placeholder 回复xx的评论