UIWebView 如何检测 <img src="..." /> 被点击答案

【问题标题】：How UIWebView detect <img src="..." /> is tappedUIWebView 如何检测 <img src="..." /> 被点击
【发布时间】：2015-08-31 22:21:45
【问题描述】：

我知道下面的方法可以检测链接元素点击。但是我想知道UIView是否可以检测到img元素是否被点击？

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
switch (navigationType) {
    case UIWebViewNavigationTypeLinkClicked:
        NSLog(@"link is click");
        //do something
        break;
    default:
        break;
   }

    return true;
}

一些html源代码如下：

<p>xxxxxxxxx</p>
<p><img src="http://imgs.ebrun.com/resources/2015_06/2015_06_16/201506167911434413787546.jpg"> </p>
<p>xxxxxxxxx。</p>
<p><img src="http://imgs.ebrun.com/resources/2015_06/2015_06_16/201506167911434413787546.jpg"> </p>
<p>xxxxxxxxx。</p>

你能告诉我如何使用示例代码来做到这一点吗？谢谢。

【问题讨论】：

标签： html ios image uiwebview

【解决方案1】：

也许this 回答可以帮助你。基本上，您需要将标签包装在标签内并在

内处理按钮单击事件

webView:shouldStartLoadWithRequest:navigationType

方法

【讨论】：

【解决方案2】：

您的 img 标签没有 html 点击事件。如果你可以像下面这样制作你的图像 -

<p>xxxxxxxxx</p>
<p><img src="http://imgs.ebrun.com/resources/2015_06/2015_06_16/201506167911434413787546.jpg" onclick="myfunction()"> </p>
<p>xxxxxxxxx。</p>
<p><img src="http://imgs.ebrun.com/resources/2015_06/2015_06_16/201506167911434413787546.jpg" onclick="myfunction()"> </p>
<p>xxxxxxxxx。</p>

然后您可以在 UIWebView 委托方法中捕获您的 img 点击事件 - shouldStartLoadWithRequest。

其他可能的选项 -

否则，您已经编写了一个 javascript 方法，该方法将 OnClick 方法动态添加到所有 IMG 标记。并在您的页面加载到 UIWebView 时调用此 javascript 方法 -

- (void) webViewDidFinishLoad:(UIWebView *)webView
{
    //Execute javascript method or pure javascript if needed
    [_webView stringByEvaluatingJavaScriptFromString:@"methodName();"];
}

【讨论】：