javascript – 将View的触摸位置转换为WebView的HTML屏幕位置

基本流程：@H_874_3@

> WebView的onDrag事件捕获ACTION_DROP事件.
>事件的x,y位置传递给Javascript函数
> Javascript函数根据点找到元素并更新值@H_874_3@

在我的活动中：@H_874_3@

private class OnWebViewDragListener implements OnDragListener {
    public Boolean onDrag(View v,DragEvent event) {
        switch (event.getAction()) {
            case DragEvent.ACTION_DROP:
                String dropText = event.getCliPDAta().getItemAt(0).getText().toString();
                mJavaScript._dropText(mWebView,dropText,event.getX(),event.getY());
                return true;

            default:
                break;
        }

        return false;
    }
}

Javascript包装器：@H_874_3@

public void _dropText(WebView wv,String text,float x,float y) {
    wv.loadUrl("javascript:dropText('" + text + "'," + x + "," + y + ")");
}

Javascript功能：@H_874_3@

<script type="text/javascript">
function dropText(text,x,y) {
    var elem = document.elementFromPoint(x,y);

    if (elem.tagName == "INPUT") {
        elem.value = text;
    }
}
</script>

解决方法

private class OnWebViewDragListener implements OnDragListener {
    public Boolean onDrag(View v," + y + "," + wv.getHeight()
            + "," + wv.getWidth() + ")");
}

<script type="text/javascript">
function dropText(text,y,height,width) {
    x *= (window.innerWidth / width);
    y *= (window.innerHeight / height);

    var elem = document.elementFromPoint(x,y);

    if (elem.tagName == "INPUT") {
        elem.value = text;
    }
}
</script>