webView加载的图片添加点击事件

  第一步:创建一个webView

    UIWebView *web=[[UIWebView alloc]initWithFrame:self.view.bounds];

    web.center=self.view.center;

    web.scalesPageToFit=YES;

    web.delegate=self;

    [web loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.cocoachina.com/programmer/20160113/14976.html"]]];

    [self.view addSubview:web];

第二步:为图片添加点击事件(实现两个协议方法)

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{

    if ([request.URL.scheme hasPrefix:@"xsq-image"]) {

        // 获取原始图片的完整URL

        NSString *src = [request.URL.absoluteString stringByReplacingOccurrencesOfString:@"xsq-image:" withString:@""];

        if (src.length > 0) {

            // 原生API展开图片

            // 这里已经拿到所点击的图片的URL了，剩下的部分，自己处理了

            // 有时候会感觉点击无响应，这是因为webViewDidFinishLoad,还没有调用。

            // 调用很晚的原因，通常是因为H5页面中有比较多的内容在加载

            // 因此，若是原生APP与H5要交互，H5要尽可能地提高加载速度

            // 不相信？在webViewDidFinishLoad加个断点就知道了

            NSLog(@"所点击的HTML中的img标签的图片的URL为：%@", src);

        }

    }

    return YES;

}

-  (void)webViewDidFinishLoad:(UIWebView *)webView{

    NSString *js = @"function addImgClickEvent() { \

    var imgs = document.getElementsByTagName('img'); \

    for (var i = 0; i < imgs.length; ++i) { \

    var img = imgs[i]; \

    img.onclick = function () { \

    window.location.href = 'xsq-image:' + this.src; \

    }; \

    } \

    }";

    // 注入JS代码

    [webView stringByEvaluatingJavaScriptFromString:js];

    // 执行所注入的JS代码

    [webView stringByEvaluatingJavaScriptFromString:@"addImgClickEvent();"];

}