Android - JavaScript :在缩放或滚动页面之前不会触发 touchstart 事件

Android - JavaScript : touchstart event not fired until zoom or scroll the page

本文关键字：事件 touchstart JavaScript 缩放 滚动 Android      更新时间：2023-09-26

在我的Android应用程序中，用户可以使用ViewPager浏览一些HTML页面，用户可以触摸元素以突出显示。

问题是当使用以下代码尝试使用 JavaScript 获取触摸事件时，elementFromPoint 在导航到新页面时返回 null，但在用户缩放页面或在其上滚动后，它工作正常。

我发现触摸启动事件的注册发生在缩放或滚动页面之后。 所以它在那之后立即工作，尽管它是在 $（document）.ready（） 上注册

的 
        $(document).ready(function(){
            document.addEventListener("touchstart", touchstart, false);     
        });     
        function touchstart(e) {                              
            var x = e.targetTouches[0].clientX; 
            var y = e.targetTouches[0].clientY;                             
             el = document.elementFromPoint(x, y);  
            }

谢谢

调用

JavaScript 后在 Java 代码中编写下一段代码：

    myWebview.scrollTo(1, 0);
    myWebview.scrollTo(0, 0);

或使用放大然后缩小

    myWebview.zoomIn();
    myWebview.zoomOut();

使用穆罕默德·阿卜杜勒·拉蒂夫的解决方案（显然这是另一个蹩脚的 WebView 错误）下面是在 Android 4.1.2 上为我修复它的原因。注意：我在Android 4.4.2上对此进行了测试，不需要此黑客修复错误。

@Override
public void onCreate(Bundle savedInstanceState)
{
    final WebView myWebView = (WebView) findViewById(R.id.mywebview);
    myWebView.setHorizontalScrollBarEnabled(false);
    myWebView.getSettings().setJavaScriptEnabled(true);
    myWebView.loadDataWithBaseURL("file:///android_asset/", YOUR_HTML_GOES_HERE, "text/html", "utf-8", null);
    myWebView.setWebViewClient(new WebViewClient()
    {
        // overcome the ontouchstart registration bug !
        @Override
        public void onPageFinished(WebView view, String url)
        {
            super.onPageFinished(view, url);
            final WebView myWebView = (WebView) findViewById(R.id.mywebview);
            myWebview.scrollTo(1, 0);
            myWebview.scrollTo(0, 0);
        }
    });
}
相关文章：