Question

我有一个Phonegap应用，它是一个简单的iframe服务于其中的网站。有一个非常奇怪的问题 - 你可以输入某个输入字段（在这种情况下，是一个textarea）..直到你在该textarea上第二次触摸。然后，你再也无法输入它（甚至认为你应该在技术上仍然有焦点），直到你触摸其他地方，然后回到textarea。

这似乎只发生在这一个文本区域。

我认为这是应用程序特有的问题 - 直到一个完全不同的应用程序（再次，为网站提供服务的phonegap iframe）具有相同的问题。在第二个例子中，它是纯文本输入，而不是textarea。

有没有人遇到过这个？知道可能导致此问题的原因是什么？

我们没有-webkit-user-select：none;我们CSS中的任何地方 - 这似乎是一个常见的相关问题。

Answer 1

因此，看起来这是与使用iFrame相关的问题。我只是尝试使用inAppBrowser（https://github.com/apache/cordova-plugin-inappbrowser）而不是iframe，它就像一个魅力。而且，性能似乎好一点！

Answer 2

https://stackoverflow.com/a/34731528/5552799

此评论帮助了我，为所有输入元素添加了一个keydown事件

var el = $("#input")

el.on("keydown", function () {
    window.focus()
    setTimeout(function () {
        el.focus()
    }, 0)
})

Phonegap - 无法在iframe中键入文本框。

2 个答案: