关于手机端回车键触发某事件

第一种方式:回车键默认提交表单,在form表单中,用submit事件提交表单时,回车键默认触发submit。这种情况下,表单提交方式会使页面大刷,某些功能可能不适合,比如搜索局部刷新,那就需要避免用表单submit,此时如果需要回车键触发搜索,那就需要用第二种方法。

第二种方式:不用form表单,经过实践,input标签的type类型不同时,手机键盘回车键的keycode是不同的:

  1、type=text

   安卓和苹果手机上“下一项、搜索、换行”等键相当于enter键,keycode=13。实例:  

  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()
  }

猜你喜欢

转载自www.cnblogs.com/xunhuang/p/9121684.html