码迷,mamicode.com
首页 > 移动开发 > 详细

通过js调用android原生方法

时间:2018-01-30 16:51:43      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:android   col   alt   htm   版本   click   javascrip   find   copy   

有时候我们有这样一个需求,监听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方法中自己定义的名字)。

通过js调用android原生方法

标签:android   col   alt   htm   版本   click   javascrip   find   copy   

原文地址:https://www.cnblogs.com/ldq2016/p/8383990.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!