您的位置：首页 > 移动开发 > Android开发

通过js调用android原生方法

2016-06-29 15:56 489 查看

有时候我们有这样一个需求，监听html中控件的一些事件。例如点击html中某个按钮，跳转到别的activity，复制某段文本。

首先是对webview的设置：

myWebView = (WebView) findViewById(R.id.myWebView);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.addJavascriptInterface(new JavaScriptinterface(this),
"android");
myWebView.setWebViewClient(new myWebViewClient());

创建JavaScriptinterface类:

public class JavaScriptinterface {
Context context;
public JavaScriptinterface(Context c) {
context= c;
}

/**
* 与js交互时用到的方法，在js里直接调用的
*/
@JavascriptInterface
public void showToast(String ssss) {

Toast.makeText(mContext, ssss, Toast.LENGTH_LONG).show();
}
}

高版本中在允许被js调用的方法加上@JavascriptInterface注解

然后使用webview的addJavascriptInterface添加这个类的对象，取一个名字。

<script type="text/javascript">
function showToast() {
android.showToast("哈哈啊哈 ");
}
</script>

</head>
<body>
<input type="button" value="调用"
onClick="showToast()"/>
</body>

html代码很简单，在想调用原生方法的js方法中使用android.shwoToast(“”)就可以成功调用原生方法。我们可以通过它来复制信息，获取点击事件等。(shwoToast是原生方法名，android是我们在addJavascriptInterface方法中自己定义的名字)。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： android webview 交互监听

相关文章推荐

新的分享

章节导航