JavaFX WebView移动端超链接无法禁用问题及替代方案咨询

你的桌面端代码通过监听click事件并调用preventDefault()来禁用链接，思路没问题，但在移动端栽在了事件模型差异上——移动端WebView更依赖触摸事件（比如touchstart），而且部分移动平台的引擎对点击事件的处理逻辑和桌面端不一样，导致原来的方法没效果。下面给你几个经过验证的移动端兼容方案：

方案1：从Java层拦截导航请求（最靠谱的跨平台方案） #

直接在Java层面拦截WebEngine的所有导航请求，不管是点击、触摸还是JS触发的跳转，都能直接阻止，这个方法不管桌面还是移动端都能稳定生效，完全不受页面事件的影响。

代码示例：

private void init() {
    webEngine = webView.getEngine();
    
    // 监听地址变化，拦截跳转
    webEngine.locationProperty().addListener((observable, oldUrl, newUrl) -> {
        // 只拦截外部跳转，允许内部锚点等合法跳转
        if (!newUrl.equals(oldUrl) && !newUrl.startsWith("#")) {
            // 取消跳转，回到原来的页面
            webEngine.load(oldUrl);
            // 也可以在这里加个提示，告诉用户链接不可点击
        }
    });

    // 额外处理新窗口打开的链接（比如target="_blank"的情况）
    webEngine.setCreateWebViewCallback(param -> {
        // 返回null表示不允许创建新窗口，直接拦截
        return null;
    });
}

方案2：增强JS事件监听，覆盖触摸+点击场景 #

既然移动端以触摸事件为主，那我们就给链接同时加上click和touchstart的监听，再配合CSS样式彻底禁用交互，双重保险。修改你的disableHyperLinks方法：

private void disableHyperLinks(Document document) {
    NodeList nodeList = document.getElementsByTagName("a");
    for (int i = 0; i < nodeList.getLength(); i++) {
        Node node = nodeList.item(i);
        EventTarget eventTarget = (EventTarget) node;
        Element linkElement = (Element) node;
        
        // 监听点击事件，阻止默认行为
        eventTarget.addEventListener("click", evt -> {
            evt.preventDefault();
            evt.stopPropagation();
        }, false);
        
        // 监听触摸开始事件，覆盖移动端场景
        eventTarget.addEventListener("touchstart", evt -> {
            evt.preventDefault();
            evt.stopPropagation();
        }, false);
        
        // 用CSS禁用指针交互，同时修改样式提示用户链接不可点击
        linkElement.setAttribute("style", "pointer-events: none; color: #999; text-decoration: none;");
    }
}

方案3：注入全局事件委托脚本，兼容动态加载的链接 #

如果你的页面有动态加载的链接（比如通过AJAX新增的内容），上面的方法会漏掉这些新链接。这时候可以用事件委托的方式，在页面加载完成后注入全局JS脚本，监听整个文档的事件：

private void init() {
    webEngine = webView.getEngine();
    webEngine.getLoadWorker().stateProperty().addListener((ov, oldState, newState) -> {
        if(newState == State.SUCCEEDED) {
            // 注入全局拦截脚本，用事件委托处理所有链接
            webEngine.executeScript("""
                // 拦截点击事件
                document.addEventListener('click', function(evt) {
                    const link = evt.target.closest('a');
                    if (link) {
                        evt.preventDefault();
                        evt.stopPropagation();
                    }
                }, true);
                
                // 拦截触摸事件
                document.addEventListener('touchstart', function(evt) {
                    const link = evt.target.closest('a');
                    if (link) {
                        evt.preventDefault();
                        evt.stopPropagation();
                    }
                }, true);
                """);
        }
    });
}

这个脚本会监听整个文档的点击和触摸事件，不管链接是静态的还是动态生成的，都能精准拦截。

总结 #

优先推荐方案1，因为从Java层拦截最稳定，完全不受页面JS和平台事件模型的影响；如果需要保留页面内的部分交互（比如允许锚点跳转），再结合方案2或3来做更精细的控制。

内容的提问来源于stack exchange，提问作者javasuns