iOS webkit/webview 推送和扭曲内容

Posted 2023-03-14

【中文标题】iOS webkit/webview 推送和扭曲内容

【英文标题】：iOS webkit/webview pushing and distorting content

【发布时间】：2015-07-30 15:34:13

【问题描述】：

我在这里遇到了一个障碍，希望有人能够帮助我。

我正在为一个应用程序设计一个 webview（一个支持票提交表单），并且正在发生一些非常棘手的事情。下面是表格的样子：

http://i.stack.imgur.com/FpJa1.png

当我继续点击“我们如何帮助你”文本区域时，它会这样做：

http://i.stack.imgur.com/KpAuS.png

它只是切断了我的一堆包含表单的元素！

另外，当我第一次点击进入 textarea 时，我无法真正输入，直到我点击退出并再次点击回来......

还有什么奇怪的吗？它在移动 safari 上运行得非常好！只是不在这个网络视图中！

有谁知道是什么导致我的代码发生这种情况？我可以提供任何你需要的sn-ps，我真的很感激！

【问题讨论】：

相关代码一定要贴出来，不然很难有人帮到你。

这是我在 iFrame 中的表单代码的粘贴：pastebin.com/q9FvRuX5

【参考方案1】：

我能够通过使用 jQuery 检测焦点事件来解决这个问题，然后只模糊该字段一次，然后用户只需手动输入输入。一切都很好！

var disabled = false;
    $("#ticketSubmissionForm").contents().find("input[data-reactid='.5.1.0.1:1.1.0.1']").focus(function() 
if(disabled == false)
    this.blur();
    disabled = true;


);