ionic3开发系列——实现对手机软件键盘按键的监听

最近开发项目，上级boss给出的一个需求是：在input输入框输入值后，点击手机软件键盘的确认键之后对文本框中的值进行下一步的操作。

百度了好多都没有找到关于ionic3相关的教程或者解决办法，

看到最多的是在*.html页面操作，即：将input输入框和一个button按钮放在一个form表单中，这样点击键盘的确认键就可以执行button里的方法

<form><ion-input type="text"></ion-input><button ion-button (click)="next()"></button>
</form>

但是这样就会限制一些功能，而且输入框旁边带着总带着一个按钮会影响页面美观。

之后又搜到了一些JavaScript对键盘的按钮监听的方法，最后找了一个代码结构相对简单的，然后给转换到了ionic3项目里。（实力不够，无法直接将js代码直接嵌套进入ionic3项目，所以只能尽最大努力修修改改了，如果您有更好的解决办法，可以评论里留个博客链接，彼此互相学习）

*.html代码段如下：

<ion-input type="text" id="input" (ionFocus)="focusInput()"></ion-input>

*.ts代码段如下：

focusInput(){var idInput=document.getElementById("input");idInput.onkeyup=(event)=>{if(event.keyCode==13){//执行相应的方法}}
}

这样就实现了对手机软件键盘按键的监听，亲测有效！

ionic3开发系列——实现对手机软件键盘按键的监听相关推荐

JavaFX实战：几种事件监听实现，键盘按键事件监听，鼠标滚轮事件监听，鼠标按键事件监听，鼠标移动事件监听
JavaFX实战系列 JavaFX源码分析和实战:javaFX线程结构分析 JavaFX源码分析和实战之launcher启动器:两种启动javaFX的方式及launch(args[])参数设置和获取 ...
js中，实现对键盘按键的监听：
<script>function keyUp(e) { var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode; ...
js对手机键盘事件的监听
js还没有办法对手机软键盘直接进行监听的,但是可以有其他角度来判断软键盘是否弹起.比如输入框是否获取焦点等. focusin和focusout支持冒泡,对应focus和blur, 使用focusin和 ...
js收起手机软件键盘
js收起手机软件键盘 document.activeElement.blur(); // 收起软键盘
vue用户行为收集_vue 实现移动端键盘搜索事件监听
1.首先注意,input的type="serch" 2.监听keypress事件 (1)KeyDown.KeyUp 事件这些事件是当一个对象具有焦点时按下 ( KeyDown ) ...
Android 键盘监听键盘展开/收起监听
如和优雅地实现键盘展开/收起监听 Android 键盘的展开与收起一直是个很遭人诟病的东西方法各式各样都有,但是基本都不是很好用,有各种限制这里编写了一个优雅地实现方式,利用屏幕实际高度与显示区域 ...
[已验证]双卡手机下两种来电监听方法的一些问题。
为什么80%的码农都做不了架构师?>>> 首先,网上学习到的来电监听有两种方法,但在双卡手机上都不太正常工作. 经过用户的反馈,基本上都能监听到大部分主流双卡手机的主副卡来电了 ...
苹果手机软件升级密码_免编程软件开发平台，可视化手机软件开发
在移动互联网时代,企业营销及创业赚钱自然离不开手机app软件.众多企业及创业者都想开发一款自己的手机app.但是,经历过手机软件开发的都知道,手机软件开发是一件非常不容易的事情. app手机软件开发除 ...
安卓手机软件开发_同一款手机软件购买会员苹果竟比安卓普遍贵30%
最近,有细心的网友发现,在同样一款手机软件内,购买一样的会员,安卓手机和苹果手机所支付的费用却不一样.苹果手机买APP会员普遍比安卓手机贵30%,最为关键的是,有法律界人士表示这是正常. 同一软件会员 ...

ionic3开发系列——实现对手机软件键盘按键的监听

ionic3开发系列——实现对手机软件键盘按键的监听相关推荐

最新文章

热门文章