检测 ipad 怪癖,显示键盘对焦
Detecting ipad quirk with showing the keyboard on focus
我编写了一个函数,一旦用户满足表单的下一个字段的要求,它就会自动将用户前进到该字段。
我的问题是,在iPad中使用它时,它不会专注于下一个字段,而是隐藏键盘。
我已经放弃了尝试解决此问题,并正在寻找一种方法来检测此问题....试图成为最纯粹的,不使用浏览器检测,但看不到替代方案。
有人对此有特征检测方法吗?
根据 Apple 的 Safari Web 内容指南,在"表单和文档事件"下,没有专门为键盘触发的事件。这并不意味着这不是您可以利用的内部 WebKit 事件......
这个问题有一个答案,为嗅出键盘提供了一个非常新颖的解决方案:iPad Web App:在 Safari 中使用 JavaScript 检测虚拟键盘?
本质上,它试图设置窗口的滚动位置;如果位置没有改变,则键盘存在。
这是代码的清理版本:
$(document).ready(function(){
$('input').focus(function(){
var scrollPosition = $(window).scrollTop();
$(window).scrollTop(10);
var isKeyboard = ($(window).scrollTop() > 0);
$(window).scrollTop(scrollPosition);
alert(isKeyboard);
});
});
这至少应该让你对这个概念有一个概念:)
相关文章:
- 显示数字键盘的Phonegap-js提示
- Bootstrap日期选择器键盘导航:选择日期时"突出显示”;
- 键盘没有在Android和BlackBerry中显示元素焦点
- 如何在Windows 7/8中通过单击文本输入来显示屏幕键盘
- 如何解析键盘字符并显示其等效图形
- 虚拟键盘jquery在引导模式中显示错误
- 显示移动键盘时转换3d断断续续
- 通过键盘单击显示按钮上的按键事件
- 检测 ipad 怪癖,显示键盘对焦
- 键盘显示时离子含量不向下滚动(Android)
- PhoneGap应用程序显示旧的iOS 6键盘和旧的选择器
- 是否有可接受的跨平台方法在基于触摸的设备上以标准 Web 表单显示数字键盘
- 显示 HTML 字段的 Android 软键盘,即使连接了输入设备
- 显示不带输入元素的移动键盘
- 在自动对焦的ios网络浏览器上强制显示键盘
- Phonegap Android 在输入焦点 Javascript 上显示键盘
- 如何使html5文本字段显示数字键盘
- 如何检测键盘显示/隐藏事件发生在Android浏览器上?
- 如何将事件绑定到cordova中的键盘显示
- 如何在android和iPhone的混合应用中处理软键盘显示/隐藏事件使用worklight