在android的webview.evaluateJavascript()函数中添加事件监听器

1 人关注

我试图在安卓网页视图中的页面加载完成后运行脚本，在按钮上添加点击事件。

     var btn = document.getElementById("btn2");
    document.getElementById("btn2").addEventListener("click", myFunction);
                            function myFunction() {
     AndroidInterface.showToast2();
    window.console.log("inside ");
This is my html file code
    <!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Hello</title>
    <style>
      body, html {
        height: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #F89821;
        background-color: #ffffff;
        padding: 20px;
        margin-bottom: 100px;
    </style>
</head>
<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
<input type="button" id="btn2" value="Say hello2" />
<br/><br/>
<input type="button" value="Show Version" onClick="showVersion('called within the html')" />
<br/><br/>
<p id="version"></p>
    <script type="text/javascript">
    window.showAndroidToast =
            function (toast) {
                AndroidInterface.showToast(toast);
            <!-- Getting value from Android -->
            function showVersion(msg) {
                var myVar = AndroidInterface.getAndroidVersion();
                document.getElementById("version").innerHTML = msg + " You are running API Version " + myVar;
          </script>
    </body>
    </html>