第一種方式:回車鍵默認提交表單,在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()
}