在IOS设备上填充快速类型栏选项

时间:2017-04-11 23:01:13

标签: javascript html ios email mobile

我有一个输入类型的电子邮件。

<form>
  E-mail:
  <input type="email" name="email">
</form>

一旦用户开始输入,我想给他们最流行的电子邮件选项。防爆。 @gmail.com ...

有关详情,请参阅下图。

enter image description here

如何实现这样的目标? 是否有任何插件或框架可以帮助我完成这类任务?

HTML / CSS / JS是否有能力做到这一点或只有swift2可以吗?

2 个答案:

答案 0 :(得分:2)

QuickType是内置iOS键盘的一部分,此处无法通过简单网站的JavaScript访问和/或修改它。不幸的是,你甚至无法检测到键盘的高度,并在键盘上放置一些类似QuickType的假按钮,因为键盘会从当前应用程序的底部开始动画,而无需调整大小或移动任何内容。

我担心你唯一的选择就是在输入下添加这些小按钮,或者你可以创建类似于iOS复制/粘贴菜单的东西,当用户开始输入输入时,它会变得可见,在点击/触摸时附加电子邮件结尾。

答案 1 :(得分:2)

我同意@frzsombor,但我可以想到一个不同的解决方法。这需要很多代码,所以它可能不值得。无论如何,你可以做的是定期截取屏幕截图并检查键盘上某个位置的颜色,可能是#ACB3BB(返回按钮颜色)。如果它在那里,您可以在内置的上方显示另一个快速类型栏。唯一的问题是,如果iOS更新改变了条形图,但您可以随时更新您的网站。另一种检测键盘的方法是here。我认为你需要jQuery,但是......