使用html实现的app界面,当使用ios或Android打开这个界面时候,如何使用原生js或jquery框架中监控键盘的弹起或收起

来源:2-1 什么是 typescript

程序员叶某

2023-09-15

老师你好,我使用html实现的app界面网页,在网页中间有一个input输入框,当输入时候,由于ios或Android键盘高度不同,会遮挡该输入框,请问如何使用原生js或jquery框架中监控键盘的弹起或收起,让输入框在输入时候保持在键盘上面,输入完毕还原

写回答

1回答

one_pieces

2023-09-19

同学你好,正好老师实现过类似需求,当时的做法是用 fixed 布局把输入框固定在键盘顶部,但需要在键盘弹起的时候获取键盘高度,以及在键盘收起时把输入框 bottom 设置为 0。我不太清楚 webview 是否有原生事件支持获取键盘高度,我们当时是 native 的同事实现的 jsbridge 事件,通过监听 window 自定义事件来获取高度的,希望可以帮助到同学

0
4
one_pieces
回复
程序员叶某
加载页面的 webview 你们可以改吗?可以改的话,可以让 native 同学帮忙加 jsbridge 方法就好,浏览器原生的我就不清楚了
2023-09-20
共4条回复

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

392 学习 · 251 问题

查看课程