今日,接收到一個新需求,據說是用戶提出的,原先是點擊搜索框然後跳轉到一個搜索頁,然後點擊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】
❤鑑於個人經驗有限,所有觀點及技術研點,如有異議,請直接回復討論(請勿發表攻擊言論)。