模拟微信回复的功能

最近在做一个关于文章的页面,遇到的问题是类似于我们玩微信可以看到的,就是朋友圈的回复功能。

上图:

         

在手机上看到的效果是,点击右上角的回复图标,然后弹出手机的虚拟键盘,

原来想到的方案是在图标里嵌套一个input的,因为在前端好像只有input才能唤醒手机的虚拟键盘,

所以就想到这个方案,但是后来实现时候遇到一个头痛的问题就是点击回复图标的时候,键盘是唤醒了,

但是光标在图标里一闪一闪的,查了很多资料,还是隐藏不了光标这个问题,

知道怎么解决的小伙伴可以留言一下,谢谢!


后来再换一种方案(办法总比问题多),就是点击回复图标的时候我们可以调用底部的一个回复,

其实原本这个只是用来留言的,正好也用来回复了。

JS代码:

$("body").on("touchend",".js-like-btn",function(){
//.js-like-btn是回复图标的类名
$("#J-click").focus();  //#J-click是底部input的ID名
});

你可能感兴趣的:(模拟微信回复的功能)