javascript – iPad没有写文字

概述我在使用< input>时遇到问题在iPad上运行我的应用程序时的字段. 在桌面上,单击文本框,键入文本,然后单击按钮以验证输入.但是在iPad上,单击它时会打开键盘面板,但键入时文本框中不会显示文本. 为了让事情变得更奇怪,我有一个< textarea>在应用程序的另一部分,它完美地工作.区别在于一个位于应用程序之上,另一个位于导入的html中. 应用程序的结构如下： 在顶部我有主HTML5页面 我在使用< input>时遇到问题在iPad上运行我的应用程序时的字段.

在桌面上,单击文本框,键入文本,然后单击按钮以验证输入.但是在iPad上,单击它时会打开键盘面板,但键入时文本框中不会显示文本.
为了让事情变得更奇怪,我有一个< textarea>在应用程序的另一部分,它完美地工作.区别在于一个位于应用程序之上,另一个位于导入的HTML中.

应用程序的结构如下：

在顶部我有主HTML5页面,它导入一个包含3个div的HTML页面.每个div依次导入其他HTML页面.这些页面各有不同的内容,包括有问题的输入字段.
像这样的东西：

Main.HTML    -> container.HTML (imported via iframe)        -> div1 (imports page n-1 via load(url))        -> div2 (imports page n via load(url))        -> div3 (imports page n+1 via load(url))pageN.HTML    -> contains the <input> fIEld

< textarea>的代码坐在主要的HTML上是这样的：

<form ID="formNotes">    <textarea ID="mainTextBox" type="text" onKeyUp="RefreshNote()" onChange="RefreshNote()"></textarea></form>

并且< input>的代码导入的HTML页面内的字段是这样的：

input{    -webkit-user-select: auto;}<form ID="forminput">    <input ID="text1" type="text" ontouchstart="OpenKeyboard(this)" onKeyDown="WriteText(this)" onKeyUp="WriteText(this)" onChange="WriteText(this)"></input></form>

我在导入的HTML上使用事件时学到的一件事是你需要使用ontouchstart和其他人来调用click函数.但在这种情况下,我可以让iPad打开键盘,所以我不知道为什么它没有识别键盘键上的点击,或者为什么它没有将值发送到文本框中.

[编辑：]我发现我没有收到任何文字的原因是因为iPad认为< input>字段不存在(它在警报中显示为空白,而不是[object Object]或[object HTMLinputElement]).我不知道为什么.

[编辑2：]我试图使用getElementsByTagname和getElementsByClassname而不是getElementByID.有了它似乎识别< input>,但我仍然无法达到该值.

解决方法 构建PhoneGap应用程序时遇到了同样的问题.不确定它是否是同一个问题：

罪魁祸首是-webkit-user-select：none;.

Here’s the demo.

我原以为禁用用户选择只会阻止放大镜或copy’n’paste按钮等各种工具出现,但事实证明这完全禁用了输入.点击输入字段时键盘会显示 – 但就是这样：您输入的任何内容都不会显示在输入字段中.

正在删除-webkit-user-select：none;或至少更有选择性地应用它做了诀窍.

直到现在我正在写这个答案谷歌终于提供了.这是another answer on SO 总结

以上是内存溢出为你收集整理的javascript – iPad没有写文字全部内容，希望文章能够帮你解决javascript – iPad没有写文字所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。