Catch Javascript onclick events in an HTML page hosted in a WebView

Question

Given an HTML document like this, hosted inside a WebView, how do I catch click events so they can be handled by my code, rather than the WebView?

<div onclick="location.href='http://www.blah.com/blah';">

The HTML is provided from another source, so it is desirable to to handle click events on the HTML without altering the HTML document as I cannot make assumptions about its structure.

Undo · Accepted Answer · 2018-03-11 21:21:46Z

4

You can use the addJavaScriptInterfaceMethod() in WebView.

Also more information can be found here in the Binding JavaScript code to Android code section.

edited Mar 11, 2018 at 21:21

Undo♦

25.7k38 gold badges114 silver badges132 bronze badges

answered Feb 7, 2012 at 13:30

R.daneel.olivaw

2,67923 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel · Accepted Answer · 2018-03-30 14:48:50Z

2

You need to add a JavaScript interface (addJavascriptInterface) to your Webview and you can then call Java objects from your javascript code.

Check this:

http://developer.android.com/reference/android/webkit/WebView.html#addJavascriptInterface(java.lang.Object, java.lang.String)

You then create a function that is called on click, calling your registered Java object.

edited Mar 30, 2018 at 14:48

answered Feb 7, 2012 at 13:29

Daniel

1,0209 silver badges14 bronze badges

Collectives™ on Stack Overflow

Catch Javascript onclick events in an HTML page hosted in a WebView

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related