Android WebView 获取html页面聚焦input在页面的位置-Toy模板网

这篇具有很好参考价值的文章主要介绍了Android WebView 获取html页面聚焦input在页面的位置。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Android WebView 获取html页面聚焦input在页面的位置，实现代码如下：

@SuppressLint("SetJavaScriptEnabled")
    private void HTMLFocusLocation(Context context) {
        String js = "(function () {" +
                "var activeElement = document.activeElement;" +
                "var rect = activeElement.getBoundingClientRect();" +
                "return {'left': rect.left, 'top': rect.top, 'width': rect.width, 'height': rect.height}" +  // 返回json对象
                "})();";
        // 设置支持 javaScript
        mWebView.getSettings().setJavaScriptEnabled(true);
        // 执行js获取聚焦位置的坐标
        mWebView.evaluateJavascript(js, new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {
                Log.d(TAG, "onReceiveValue: " + value);
                try {
                    JSONObject object = new JSONObject(value);
                    double left = object.optDouble("left");
                    double top = object.optDouble("top");
                    double width = object.optDouble("width");
                    double height = object.optDouble("height");
                    Log.d(TAG, "onReceiveValue left: " + left + ", top: " + top + ", width: " + width + ", height: " + height);

                    // 返回的数据是dp, 用的时候需要转换成像素px
                    float density = context.getResources().getDisplayMetrics().density;
                    Log.d(TAG, "onReceiveValue density: " + density);

                    int leftPixel = (int) (left * density);
                    int topPixel = (int) (top * density);
                    int widthPixel = (int) (width * density);
                    int heightPixel = (int) (height * density);
                    Log.d(TAG, "onReceiveValue left: " + leftPixel + ", top: " + topPixel + ", width: " + widthPixel + ", height: " + heightPixel);

                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
        });
    }

注意：文章来源地址https://www.toymoban.com/news/detail-616224.html