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

第一种方式:回车键默认提交表单,在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()
  }

转载于:https://www.cnblogs.com/xunhuang/p/9121684.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值