微信小程序-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】

❤鑑於個人經驗有限,所有觀點及技術研點,如有異議,請直接回復討論(請勿發表攻擊言論)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章