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