收藏
评论

input 软键盘不收起

废话不多说,直接上代码

<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

大佬如果有更好的办法   求分享


最后一次编辑于  2018-06-07
赞 3
收藏

7 个评论

  • 爱夏天的大西瓜
    爱夏天的大西瓜
    06-03

    大佬,这样虽然实现了软键盘不收起,但是点击发送的时候会出现光标,请问这个怎么解决呢?

    06-03
    赞同
    回复
  • H-bing纯
    H-bing纯
    05-06

    如果获得焦点之后输入内容之后,想收起软键盘呢?

    05-06
    赞同
    回复
  • Jay
    Jay
    04-10

    如果切换表情 的显示点击发送  又会弹出软键盘怎么解决呢?

    04-10
    赞同
    回复
  • 雄
    2018-09-07

    感谢分享,这个问题困扰了我很久。社区里面也一群人在提问。我把他们都引导过来了。

    2018-09-07
    赞同
    回复 4
    • 雄
      2018-09-07

      不过发现了一个问题,应该是微信自身的bug。这种方法在一级页面使用正常,但如果是使用wx.navigateTo到二级页面后使用就不灵了。键盘肯定会收回去再弹出来,有时候甚至会收回去就不再出来。

      2018-09-07
      回复
    • 人生若只如初见
      人生若只如初见
      2018-09-14回复

      你在data 里面设置  focus 是true  试试

      2018-09-14
      回复
    • 雄
      2018-09-19回复人生若只如初见

      还是一样。键盘会乱跳。

      2018-09-19
      回复
    • Mr.郭
      Mr.郭
      02-18回复

      到二级页面后键盘收起就不再弹回来怎么解决的,安卓一级页面没问题,二级页面收起后就不再弹出来了

      02-18
      回复
  • 星期二
    星期二
    2018-07-19

    你好,我也用textarea做了个类似,但是光标会一闪而过,请问你是怎么解决光标问题的。

    2018-07-19
    赞同
    回复 1
    • 人生若只如初见
      人生若只如初见
      2018-07-19

      一闪而过 造成的影响是什么呢 没太明白 1637205832

      2018-07-19
      回复
  • xiaweizi
    xiaweizi
    2018-06-13

    这样不会出现抖动的情况吗


    2018-06-13
    赞同
    回复 4
    • 人生若只如初见
      人生若只如初见
      2018-06-13

      什么抖动  软键盘收起在出来?

      不会 收起 在出来

      2018-06-13
      回复
    • 咸蛋超人hahaha
      咸蛋超人hahaha
      2018-07-03

      请教一下 设置完ios下软键盘还是会先收起再弹出 安卓的话有时候会失灵

      2018-07-03
      回复
    • AngryPanda™
      AngryPanda™
      2018-10-24回复人生若只如初见

      就是这么处理确实可以键盘还是打开状态,但是只是按按钮发送完消息后,键盘先是收起来然后自动打开了,这样效果也不是很好。。。

      2018-10-24
      回复
    • 呆毛可以动的~
      呆毛可以动的~
      2018-12-14回复咸蛋超人hahaha

      也碰到了这个问题,把focus改为auto-focus就好了

      2018-12-14
      回复
  • 卢霄霄
    卢霄霄
    2018-06-11

    很不错的思路,那么清除输入框内容的按钮,也可以按照这样来做吧

    2018-06-11
    赞同
    回复 4
    • 人生若只如初见
      人生若只如初见
      2018-06-11

      没太明白  什么是清除输入框内容的按钮  没用过

      发送完了以后 清空内容  还是说什么

      需要的功能一样的话 应该是可以的

      2018-06-11
      回复
    • 卢霄霄
      卢霄霄
      2018-06-11回复人生若只如初见

      输入框,想放一个清空输入框内容的按钮。但是点了之后,键盘会收起来。用你的方法,可以让软键盘不收起来

      2018-06-11
      回复
    • 人生若只如初见
      人生若只如初见
      2018-06-11回复卢霄霄

      嗯嗯   能帮到你 就好

      2018-06-11
      回复
    • 赵丹丹13566036926
      赵丹丹13566036926
      2018-06-25回复卢霄霄

      我们先试试,大哥

      2018-06-25
      回复