關於手機端回車鍵觸發某事件


第一種方式:回車鍵默認提交表單,在form表單中,用submit事件提交表單時,回車鍵默認觸發submit。這種情況下,表單提交方式會使頁面大刷,某些功能可能不適合,比如搜索局部刷新,那就需要避免用表單submit,此時如果需要回車鍵觸發搜索,那就需要用第二種方法。

第二種方式:不用form表單,經過實踐,input標簽的type類型不同時,手機鍵盤回車鍵的keycode是不同的:

  1、type=text

   安卓和蘋果手機上“下一項、搜索、換行”等鍵相當於enter鍵,keycode=13。實例:  

  document.getElementById('input').onKeydown = function(e){
    if(e.keyCode == 13){
      e.preventDefault();//禁止鍵盤默認事件
     bindSearchFn()
    }
  }

  2、type=number

   安卓上“下一項、搜索、換行”等鍵相當於tab鍵,keycode=9,蘋果手機換行鍵不變依舊相當於enter,keycode=13。判斷實例:

  if(e.keyCode == 13 ||e.keyCode == 9){
   e.preventDefault();//禁止鍵盤默認事件
   bindSearchFn()
  }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM