IOS：如何在内容可编辑div中检测UIWebView上的用户更改文本

Question

使用带有可编辑内容的UIWebView时，用户可以在可编辑的DIV上键入自己的文本。

有没有办法在每次用户更改可编辑文本时触发ViewController上的事件（类似于the UITextField值更改事件）？

ViewController需要知道用户何时更改为文本有两个原因; 了解用户是否输入了任何文本，并在内容文本增长时调整UIWebView的大小。

UIWebView委托似乎不包含此类事件。 这可能必须通过Javascript完成，但似乎无法找到答案。 救命！

Answer 1

没有直接的方法来监听UIWebView中的事件，但您可以桥接它们。 从iOS7开始，它很简单，因为有JavaScriptCore.framework（你需要将它与项目链接）：

JSContext *ctx = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
ctx[@"myUpdateCallback"] = ^(JSValue *msg) {
    [self fieldUpdated];
};
[ctx evaluateScript:@"document.getElementById('myEditableDiv').addEventListener('input', myUpdateCallback, false);"];

（我目前无法测试代码，但我希望它有效）

在iOS7之前（如果你想支持更低版本，你必须使用它），这有点棘手。 你可以监听webView委托方法webView:shouldStartLoadWithRequest:navigationType:对于一些自定义方案，ex：

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
        if ([request.URL.scheme isEqualToString:@"divupdated"]) {
            [self fieldUpdated];
            return NO;
        }
        return YES;
}

并在webView上触发这样的东西：

[webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('myEditableDiv').addEventListener('change', function () {"
                                                @"var frame = document.createElement('iframe');"
                                                @"frame.src = 'divupdated://something';"
                                                @"document.body.appendChild(frame);"
                                                @"setTimeout(function () { document.body.removeChild(frame); }, 0);"
                                                @"}, false);"];

Answer 2

你需要做一些JS黑客才能使这个工作。

首先，使用脚本创建一个JS文件，该脚本添加一个观察者，观察他们开始编辑时所有可编辑的div（我不确切知道如何在JS中完成此操作，但快速搜索Google应该有所帮助）。 然后回调应该调用一个特制的URL，如：

textFieldBeginEditing://whateveryoulike

将JS文件注入UIWebView。 一种可能的技术：

- (void)injectJavascript:(NSString *)resource {
    NSString *jsPath = [[NSBundle mainBundle] pathForResource:resource ofType:@"js"];
    NSString *js = [NSString stringWithContentsOfFile:jsPath encoding:NSUTF8StringEncoding error:NULL];

    [self.webView stringByEvaluatingJavaScriptFromString:js];
}

从另一个线程中获取 。

最后，在UIWebViewDelegate方法中应该执行StartLoadingRequest

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    // ... check the url schema
    NSURL *url = request.URL;
    if ([url.scheme isEqual:@"textFieldBeginEditing"]){
         // here you can handle the event
         return NO; // important
    }
}