本文介绍: 开发移动端中,经常会遇到一些交互需要通过判断手机键盘是否被唤起来做的,说到判断手机键盘弹起和收起,应该都知道,安卓和ios判断手机键盘是否弹起的写法是有所不同的,下面讨论总结一下两端的区别以及上线方式
摘要:
HTML:
IOS端可以通过 focusin focusout
实现
安卓只能通过 resize
来判断屏幕大小是否发生变化来判断
由于某些 Android 手机收起键盘,输入框不会失去焦点,所以不能通过聚焦和失焦事件来判断。但由于窗口会变化,所以可以通过监听窗口高度的变化来间接监听键盘的弹起与收回。
VUE:
键盘事件总结:
@keydown
:监听键盘按下事件。
@keyup
:监听键盘抬起事件。
@keypress
:监听键盘按键事件,包括按下和抬起。
@keydown.enter
:监听回车键按下事件。
@keydown.tab
:监听Tab键按下事件。
@keydown.esc
:监听Esc键按下事件。
@keydown.space
:监听空格键按下事件。
@keydown.left
:监听左箭头键按下事件。
@keydown.right
:监听右箭头键按下事件。
@keydown.up
:监听上箭头键按下事件。
@keydown.down
:监听下箭头键按下事件。
@keydown.delete
:监听删除键按下事件。
@keydown.backspace
:监听退格键按下事件。
@keydown.[key]
:监听其他特定键按下事件,例如@keydown.a监听字母A键按下事件。
@keydown
或@keyup
指令来绑定键盘按键事件
REACT:
ANGULAR:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。