[IOS]Uiwebview+js交互 之图片点击事件

刚参加工作的时候,在csdn上写过类似的文章,今天维护代码,觉得还是有一点点价值的,特来分享一下,大家多拍砖。

准备js文件


functionsetImageClickFunction(){

varimgs = document.getElementsByTagName("img");

for(vari=0;i

varsrc = imgs[i].src;

imgs[i].setAttribute("onClick","getImg(src)");

}

document.location = imageurls;}

functiongetImg(src){

varurl=src;

document.location = url;

}


这段js代码的作用是遍历网页源码中“img” 节点,并为每个节点添加一个事件。


- (void)viewDidLoad {


[superviewDidLoad];


// Do any additional setup after loading the view, typically from a nib.


UIWebView*web=[[UIWebViewalloc]initWithFrame:self.view.frame];


[self.viewaddSubview:web];


web.delegate=self;


[webstringByEvaluatingJavaScriptFromString:[NSStringstringWithContentsOfURL:[[NSBundlemainBundle]URLForResource:@"Findimg"withExtension:@"js"]encoding:NSUTF8StringEncodingerror:nil]];


[webloadRequest:[NSURLRequestrequestWithURL:[NSURLURLWithString:@"http://www.jianshu.com/p/316631f145d6"]]];


}





-(void)webViewDidFinishLoad:(UIWebView*)webView


{


[webViewstringByEvaluatingJavaScriptFromString:@"setImageClickFunction()"];


}



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


{


NSString*path=[[requestURL]absoluteString];


NSLog(@"%@",path);


if([pathrangeOfString:@"jpg"].location!=NSNotFound)//添加关键字进行是否跳转的筛选


{


ImgShowViewController* img=[[ImgShowViewControlleralloc]init];


img.imgUrl=path;


[selfpresentViewController:imganimated:YEScompletion:nil];


returnNO;


}


else


{returnYES;


}


}





让webview加载定义好的js文件 在完成的时候,stringByEvaluatingJavaScriptFromString方法嵌入页面中


最后用于得到uiwebview所有的链接,yes  no  决定是否跳转,判断条件可以用jpg,png后缀做判断

这样在Uiwebview中点击图片,会得到图片的url之后就交给你了~~

9/14 更新:如果嵌套在tableView中,记得将该cell 设置为

cell.selectionStyle=UITableViewCellSelectionStyleNone;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、简介 近两年随着HTML5的迅速发展与日趋成熟,越来越多的移动开发者选择使用HTML5来进行混合开发,不仅节约...
    RainyGY阅读 1,909评论 1 12
  • 一、简介 近两年随着HTML5的迅速发展与日趋成熟,越来越多的移动开发者选择使用HTML5来进行混合开发,不...
    宝宝teacher阅读 2,372评论 3 15
  • iOS开发系列--网络开发 概览 大部分应用程序都或多或少会牵扯到网络开发,例如说新浪微博、微信等,这些应用本身可...
    lichengjin阅读 3,721评论 2 7
  • JSBridge 1. Why do we need JSBridge? 2. Why is “JS”Bridge...
    loveqin阅读 9,247评论 0 7
  • 前言 关于UIWebView的介绍,相信看过上文的小伙伴们,已经大概清楚了吧,如果有问题,欢迎提问。 本文是本系列...
    CoderLF阅读 9,022评论 2 12