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

没有直接的方法来监听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:一些自定义方案,例如:

- (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);"];