微信小程序-bindconfirm回车事件&&focus自动获取焦点

今日,接收到一个新需求,据说是用户提出的,原先是点击搜索框然后跳转到一个搜索页,然后点击input框,进行手动搜索,现在要求点击搜索进去能自动聚焦到搜索框,并且能自动够呼出软键盘,软键盘回车要求能够直接进行查询事件,哦豁,看着很炸毛,这波,看我秀就完事了!

第一:软键盘呼出并且聚焦输入,focus 可以实现

第二:回车事件,bindconfirm可以做到

好的,一行代码解决此需求!我都告诉你们了,你们是不是该给我点啥,俗话说“投桃报李”,李子呢,物质品,麻烦,我要的很容易满足,给我一个赞就好!一个就好!

 <input placeholder-style="color:#5F5F5F;" class="body_music" placeholder='查询'
 name="musicName" bindconfirm="searchSubmit" focus="true"></input>
 searchSubmit:function(e){
    console.log("回车执行方法")
    //绑定查询接口,即可
  },

拓展:

属性 类型 默认值 必填 说明 最低版本
focus boolean false 获取焦点 1.0.0
bindconfirm eventhandle   点击完成按钮时触发,event.detail = {value: value} 1.0.0

 往期回顾:

【1】onShareAppMessage转发gif图为啥不行,你知道吗?

【2】scroll-view实现x轴滚动?

【3】input禁止输入空格,这咋整?


❤如果文章对您有所帮助,就在文章的右上角或者文章的末尾点个赞吧!(づ ̄ 3 ̄)づ

❤如果喜欢大白兔分享的文章,就给大白兔点个关注吧!(๑′ᴗ‵๑)づ╭❤~

❤对文章有任何问题欢迎小伙伴们下方留言或者入群探讨【群号:708072830】

❤鉴于个人经验有限,所有观点及技术研点,如有异议,请直接回复讨论(请勿发表攻击言论)。

原创文章 114 获赞 270 访问量 46万+

猜你喜欢

转载自blog.csdn.net/weixin_43970743/article/details/105635381
今日推荐