输入框持续到下一页ICS

时间:2014-03-07 07:09:20

标签: html css iframe cordova

背景

我正在为一些客户开发PG应用程序。我有一个在线页面(我没有任何控制权),这是一个登录页面,有两个文本框和一个按钮。我在iframe中加载该页面,以便用户输入他/她的id&密码。从那时起,用户被重定向到同一iframe内的某个其他页面。

问题:

当用户进入下一页时,无论文本框先前出现在登录页面的哪个位置,都会出现高亮显示(大纲有点)。每当我点击上一页中输入所在的区域时,就会出现这种情况。 。这是一张照片供参考。 请注意,这仅在Android ICS中发生。

enter image description here

代码:

iframe标记添加了以下样式。

iframe {
    margin-top: 4rem;
    padding: 0;
    height: 89%;
    width: 100%;
    overflow: auto;
    border: none;
    -webkit-transform: translate3d(0,0,0);
}

    iframe.changed {
        margin-top: 0;
        height: 100%;
    }

重定向以这种方式发生:

//after login
document.getElementById("app-frame").contentWindow.location.replace(url);

我在这里失踪了什么?知道为什么这些文本框即使在父页面消失后仍然存在?

1 个答案:

答案 0 :(得分:0)

我自己修理了它。确实是一个非常奇怪的修复。我加载了“about:blank”,100毫秒后,我加载了所需的url。这样,它奏效了。正如预期的那样,触发了回流焊。上一页的文物已经消失了。这是代码:

var frame = document.getElementById("app-frame");
frame.contentWindow.location.replace("about:blank");
setTimeout(function () {
   frame.contentWindow.location.replace(url);
}, 100);