如何通过 Android WebView 中的 JavaScript 检测 HTML 按钮上的点击事件？

此示例演示如何以编程方式锁定 Android 设备。

步骤 1 − 在 Android Studio 中创建一个新项目，转至文件 ⇒ 新项目，并填写所有必需的详细信息以创建一个新项目。

步骤 2 − 将以下代码添加到 res/layout/activity_main.xml

<? xml version= "1.0" encoding= "utf-8" ?>
<RelativeLayout xmlns: android = "http://schemas.android.com/apk/res/android"
   xmlns: tools = "http://schemas.android.com/tools"
   android :layout_width= "match_parent"
   android :layout_height= "match_parent"
   android :layout_margin= "16dp"
   tools :context= ".MainActivity" >
   <Button
      android :onClick= "loadPage"
      android :layout_width= "match_parent"
      android :layout_height= "wrap_content"
      android :text= "Load web Page" />
</RelativeLayout>

步骤 3 − 将以下代码添加到 assets/page.html

<html>
   <body>
      First name: <input type= "text" name= "fname" id= "txtfname" ><br>
      Last name: <input type= "text" name= "lname" id= "txtlname" ><br>
      <script>
         function getValues() {
            document.getElementById("btnOK").value =
            document.getElementById("txtfname").value+"
            "+document.getElementById("txtlname").value;
         }
      </script>
      <button type= "button" value= "" id= "btnOK" onclick= " getValues();ok.performClick(this.value); " > OK </button>
   </body>
</html>

步骤 4 − 将以下代码添加到 src/MainActivity

package app.tutorialspoint.com.sample ;
import android.os.Bundle ;
import android.support.v7.app.AppCompatActivity ;
import android.view.View ;
import android.webkit. JavascriptInterface ;
import android.webkit.WebSettings ;
import android.webkit.WebView ;
import android.widget.Toast ;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate (Bundle savedInstanceState) {
      super .onCreate(savedInstanceState) ;
      setContentView(R.layout. activity_main ) ;
   }
   public void loadPage (View view) {
      WebView browser = new WebView( this ) ;
      browser.getSettings().setJavaScriptEnabled( true ) ;
      browser.loadUrl( "file:///android_asset/page.html" ) ;
      setContentView(browser) ;
      WebSettings ws = browser.getSettings() ;
      ws.setJavaScriptEnabled( true ) ;
      browser.addJavascriptInterface( new Object() {
         @JavascriptInterface // For API 17+
         public void performClick (String strl) {
            Toast. makeText (MainActivity. this, strl , Toast. LENGTH_SHORT ).show() ;
         }
      } , "ok" ) ;
   }
}

步骤 5 − 将以下代码添加到 androidManifest.xml

<? xml version= "1.0" encoding= "utf-8" ?>
<manifest xmlns: android = "http://schemas.android.com/apk/res/android"
   package= "app.tutorialspoint.com.sample" >
   <uses-permission android :name= "android.permission.CALL_PHONE" />
   <application
      android :allowBackup= "true"
      android :icon= "@mipmap/ic_launcher"
      android :label= "@string/app_name"
      android :roundIcon= "@mipmap/ic_launcher_round"
      android :supportsRtl= "true"
      android :theme= "@style/AppTheme" >
      <activity android :name= ".MainActivity" >
         <intent-filter>
            <action android :name= "android.intent.action.MAIN" />
            <category android :name= "android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
      <receiver
         android :name= ".DeviceAdmin"
         android :description= "@string/app_description"
         android :label= "@string/app_name"
         android :permission= "android.permission.BIND_DEVICE_ADMIN" >
         <meta-data
            android :name= "android.app.device_admin"
            android :resource= "@xml/policies" />
         <intent-filter>
            <action android :name= "android.app.action.DEVICE_ADMIN_ENABLED" />
         </intent-filter>
      </receiver>
   </application>
</manifest>

让我们尝试运行应用程序。我假设您已将您的实际 Android 移动设备与计算机连接。要从 Android Studio 运行应用程序，请打开您的一个项目的活动文件，然后单击运行工具栏中的图标。选择您的移动设备作为选项，然后检查您的移动设备，它将显示您的默认屏幕 –