经过js调用android原生方法

时间 2019-11-30

原文原文链接

有时候咱们有这样一个需求，监听html中控件的一些事件。例如点击html中某个按钮，跳转到别的activity，复制某段文本。
首先是对webview的设置：javascript

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

建立JavaScriptinterface类:html

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添加这个类的对象，取一个名字。java

<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

from:im哆来咪web