Swift IOS在实时jquery中捕获html表单输入

Question

我正在尝试在我的 web 视图中实时捕获 html 表单中的文本输入。我目前正在使用 jquery 来捕获文本输入更改，然后通过我截获的 url 转发该值。我能够捕获文本输入中的每个更改，但我遇到的问题是我的文本输入失去了对输入的每个新字符的关注，我必须重新单击文本输入才能继续每次输入（window.location.href 导致它每次触发时都会失去焦点）。我使用以下代码：

var form = "
<form class="search_extended">
<input style="" type="text" name="name" id="search_field">
<input type='hidden' name='page' value='name_search'>
</form>"

var script = "
<script type="text/javascript">
$(document).ready(function() { 
$("form input, form textarea").on("input propertychange change", function() {
var search_serialized = $(".search_extended").serialize();
window.location.href = "?" + search_serialized; 
});});</script>"

script = script + "<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>"

self.webView_Search_Extended.loadHTMLString(form + script, baseURL: nil)

捕获转发 URL

   func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
    print(request.url?.absoluteString)
    var url = request.url?.absoluteString
return true
}

Answer 1

我相信你的问题是通过使用

window.location.href = "?" + search_serialized;

调用您的代理捕获的 url，导致文本字段模糊。

您可能希望在网页中使用可以被捕获的特殊链接（因此它不会捕获所有负载）并为此从委托返回 false：

var form = "
<form class="search_extended">
<input style="" type="text" name="name" id="search_field">
<input type='hidden' name='page' value='name_search'>
</form>"

var script = "
<script type="text/javascript">
$(document).ready(function() { 
$("form input, form textarea").on("input propertychange change", function() {
var search_serialized = $(".search_extended").serialize();
window.location.href = "my-form-scheme://" + search_serialized;
});});</script>"

script = script + "<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>"

self.webView_Search_Extended.loadHTMLString(form + script, baseURL: nil)

然后是委托：

func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
    if request.url?.scheme == "my-form-scheme" {
        print(request.url?.absoluteString)
        var url = request.url?.absoluteString
        return false // this is the important bit
    }
    return true
}

所以你确保你只捕捉到你的表单事件发布的特殊 url，并返回 false，这有望防止模糊。