如何透過 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 執行應用程式，請開啟您的一個專案的活動檔案，然後單擊執行工具欄中的圖示。選擇您的移動裝置作為選項，然後檢查您的移動裝置，它將顯示您的預設螢幕 –