js怎么监听移动端键盘展开事件?

发布于 2022-09-02 00:35:28 字数 24 浏览 21 评论 0

原生的?jquery?Zepto?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

情仇皆在手 2022-09-09 00:35:28

键盘展开事件是指输入文字的时候吗?
只要input或者textarea被focus就自动展开了啊

早茶月光 2022-09-09 00:35:28

将就得做法,是监听页面得resize;

更新一下,最易一个项目在webchat下;

页面在不同的用户流程下取得浏览器的window.height作为cookie存储;当部分input产生focus、active、click事件时Settimeout取得windo.height,与cookie存储参照;返回布尔否的时候调整容器大小(或者底部部件的offeset.top);

柳絮泡泡 2022-09-09 00:35:28

貌似没有这样的事件,不知道你这是何意,目的是什么。可以尝试其他方法去解决办法,不一定非得得到这个监听的事件。

書生途 2022-09-09 00:35:28

监听输入框的focus事件可能是比较好的办法

眼眸里的快感 2022-09-09 00:35:28

建议监听窗口的resize,因为除了掉起键盘,就只有横屏能触发,横屏是你可控的部分。或者input的focus事件,但是这个必须绑在click这样的直接事件上才行。

浅笑依然 2022-09-09 00:35:28

在android中键盘弹出和收起会改变window的高度,因此监听window的resize。
通过比较window resize后的clientHeight与最初进来页面时的clientHeight进行对比,如果小于最初的值,那么就可以认为是键盘弹出,否则,认为键盘收起。

var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; $(window).on('resize', function () {
    var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    if (clientHeight > nowClientHeight) {
        //键盘弹出的事件处理
    }
    else {
        //键盘收起的事件处理
    } });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文