关于移动端,如何方便、快捷,愉快的点击软键盘进行数据处理、搜索等

时间:2021-10-24 23:40:10

【灵感来源和思维闭塞】

关于移动端如何在点击:return / 换行 / 搜索等软键盘按键,进行操作的问题,在之前就有过一篇blog书写;

当时的结论是需要使用,form表单提交才能触发;

这是我自己思维的闭塞,导致了这个重大的错误;刚刚我在练习Vuejs的时候,无意中发现,软件盘其实也是有keyCode码的;

同时我百度搜索了一下,也有相关文章,指出keyCode==13的时候就可以触发相关操作;

这让我有些欣喜也有些脸红,曾经我面临这个问题进行百度搜索的时候我早已忘记,为什么我没有搜索到;

更重要的是我一直对于移动端都有一种莫名的敬畏,虽然我开发的移动端已不在少数,并且还是我的优势,而正是这个优势才让我脸红无比;

问题的回溯,从新思考为什么,这看似无比简单的问题,却到今天才茅塞顿开,是因为几年前开始涉足移动端的时候,发现PC端的很多手段,到了移动端都束手束脚,大脑中早已把两者定为两种极端;

而我其实是一个比较极端的人,以前的思考结果:true/false,从来不是现在的,是否还有其他方案,是否还有其他选项;

【例子和办法说明】

<input type="text" id="input">
<script>
var oInput = document.getElementById('input');
oInput.onkeyup
=function(ev){
var code = ev.keyCode;
if(code==13){
alert(
'成功触发类回车软键盘');
}
}
</script>

两种方法:

  1. 使用form,用form的submit进行触发
  2. 使用keyCode==13进行操作