javascript event Handler in uiwebview

前端 未结 2 1991
南旧
南旧 2020-12-08 05:18

I am displaying one UIWebView in my iPhone application. In UIWebView I am displaying HTML page which has JavaScript also. I want to call method(of X Code) when one button is

相关标签:
2条回答
  • 2020-12-08 05:54

    If I understand your question correctly, you want to call an Objective C method from a javascript onClick event handler in your UIWebView. The way to do that is to redirect the browser to a URL with a custom scheme in your javascript code like this:

    function buttonClicked() {
        window.location.href = "yourapp://buttonClicked";
    }
    

    Back in Objective C, declare that your view controller conforms to the UIWebViewDelegate protocol,

    @interface DTWebViewController : DTViewController <UIWebViewDelegate> {
    ...
    

    set your controller as the web view's delegate,

    - (void)viewDidLoad {
        [super viewDidLoad];
        self.webView.delegate = self;
    }
    

    and intercept the URL before it loads like this:

    - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
        if ([[request.URL scheme] isEqual:@"yourapp"]) {
            if ([[request.URL host] isEqual:@"buttonClicked"]) {
                [self callYourMethodHere];
            }
            return NO; // Tells the webView not to load the URL
        }
        else {
            return YES; // Tells the webView to go ahead and load the URL
        }
    }
    
    0 讨论(0)
  • 2020-12-08 05:59

    Swift Version

    webView.delegate = self
    
    extension ViewController: UIWebViewDelegate {
        func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
            if request.description == "yourappname://buttonClicked" {
    
                // do your stuff here
                return false
            }
            return true
        }    
    }
    

    Example HTML

    <a href="yourappname://buttonClicked">
        <img src="http://someurl.com/table_desktop.jpg"/ width="100%">
    </a>
    

    If you want to know how to do it in wkWebView, here is the link

    0 讨论(0)
提交回复
热议问题