今日,接收到一个新需求,据说是用户提出的,原先是点击搜索框然后跳转到一个搜索页,然后点击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图为啥不行,你知道吗?
❤如果文章对您有所帮助,就在文章的右上角或者文章的末尾点个赞吧!(づ ̄ 3 ̄)づ
❤如果喜欢大白兔分享的文章,就给大白兔点个关注吧!(๑′ᴗ‵๑)づ╭❤~
❤对文章有任何问题欢迎小伙伴们下方留言或者入群探讨【群号:708072830】
❤鉴于个人经验有限,所有观点及技术研点,如有异议,请直接回复讨论(请勿发表攻击言论)。