废话不多说,直接上代码
<input placeholder='想对他说点什么' id='a' confirm-hold="true" maxlength="-1" cursor-spacing="12" confirm-type='send' focus='{{focus}}' value='{{value}}' bindinput='inputClick' ></input>
<input value='发送' bindtap='faClick'></input>
//js
//获取输入内容
inputClick:function(e){
// console.log(e)
var that = this
var value = e.detail.value
this.setData({
value : value
})
},
//发送
faClick:function(){
var that = this
var value = that.data.value
console.log(value)
var obj = {}
obj.id = that.data.id
obj.himg = "../images/header_0" + that.data.id + ".png"
obj.con = value
var chatArr = that.data.chatArr
chatArr.push(obj)
var value = ""
var focus = true
that.setData({
chatArr: chatArr,
value:value,
focus: focus
})
that.bottom()
},
简单的说 就是发送也是一个input 点击发送的时候 触发了发送input 的软键盘 这时候让焦点回到 输入input
大佬如果有更好的办法 求分享
大佬,这样虽然实现了软键盘不收起,但是点击发送的时候会出现光标,请问这个怎么解决呢?
如果获得焦点之后输入内容之后,想收起软键盘呢?
如果切换表情 的显示点击发送 又会弹出软键盘怎么解决呢?
感谢分享,这个问题困扰了我很久。社区里面也一群人在提问。我把他们都引导过来了。
不过发现了一个问题,应该是微信自身的bug。这种方法在一级页面使用正常,但如果是使用wx.navigateTo到二级页面后使用就不灵了。键盘肯定会收回去再弹出来,有时候甚至会收回去就不再出来。
你在data 里面设置 focus 是true 试试
还是一样。键盘会乱跳。
跳到二级页面后键盘收起就不再弹回来怎么解决的,安卓一级页面没问题,二级页面收起后就不再弹出来了
你好,我也用textarea做了个类似,但是光标会一闪而过,请问你是怎么解决光标问题的。
一闪而过 造成的影响是什么呢 没太明白 1637205832
这样不会出现抖动的情况吗
什么抖动 软键盘收起在出来?
不会 收起 在出来
请教一下 设置完ios下软键盘还是会先收起再弹出 安卓的话有时候会失灵
就是这么处理确实可以键盘还是打开状态,但是只是按按钮发送完消息后,键盘先是收起来然后自动打开了,这样效果也不是很好。。。
也碰到了这个问题,把focus改为auto-focus就好了
很不错的思路,那么清除输入框内容的按钮,也可以按照这样来做吧
没太明白 什么是清除输入框内容的按钮 没用过
发送完了以后 清空内容 还是说什么
需要的功能一样的话 应该是可以的
输入框,想放一个清空输入框内容的按钮。但是点了之后,键盘会收起来。用你的方法,可以让软键盘不收起来
嗯嗯 能帮到你 就好
我们先试试,大哥