JavaFX中如何仅允许特定HTML元素启用右键菜单

我开发了一个基于JavaFX 17的应用，使用WebView组件展示指定网页。需求是页面全局禁用右键菜单，但id为eventDiv的HTML元素需支持右键操作（打开JavaScript实现的自定义右键菜单）。

目前已通过设置webView.setContextMenuEnabled(false)实现全局禁用右键菜单，但尝试补充代码后无法触发目标元素的右键逻辑，请求可行的解决方法。

现有核心代码：

WebView webView = new WebView();
webView.setContextMenuEnabled(false);
webView.getEngine().setJavaScriptEnabled(true);
WebEngine webEngine = webView.getEngine();
webEngine.setUserStyleSheetLocation("data:, body { background-color: #EBEBEB; }");
webEngine.setOnAlert(event -> showAlert(event.getData()));
webEngine.setConfirmHandler(message -> showConfirm(message));
System.out.println(url);
webEngine.load(url);

尝试过的补充代码：

webView.setOnMousePressed(event -> {
    if (event.isSecondaryButtonDown()) {
        event.consume();
    }
});

webView.getEngine()
       .getLoadWorker()
       .stateProperty()
       .addListener((observable, oldValue, newValue) -> {
                if (newValue == Worker.State.SUCCEEDED) {
                    JSObject window = (JSObject) webView.getEngine().executeScript("window");
                    window.setMember("eventDiv", new EventDivHandler());
                }
            });

对应的处理类：

public class EventDivHandler {
    public void handleEventDivClick() {
        // 处理eventDiv元素的右键点击
        System.out.println("点击了id为eventDiv的元素");
    }
}

解决方案 #

之前的问题在于：全局消费右键事件导致WebView内部JavaScript无法接收eventDiv的右键信号，且Java侧的回调绑定未正确关联到JS的右键触发逻辑。正确思路是交由网页JS控制右键权限，同时让WebView不拦截事件。

1. 修改WebView配置与注入JS逻辑 #

移除全局禁用右键的Java设置，改为通过注入JavaScript实现精准控制：

WebView webView = new WebView();
webView.getEngine().setJavaScriptEnabled(true);
WebEngine webEngine = webView.getEngine();
webEngine.setUserStyleSheetLocation("data:, body { background-color: #EBEBEB; }");
webEngine.setOnAlert(event -> showAlert(event.getData()));
webEngine.setConfirmHandler(message -> showConfirm(message));

// 页面加载完成后注入右键控制逻辑
webEngine.getLoadWorker().stateProperty().addListener((observable, oldValue, newValue) -> {
    if (newValue == Worker.State.SUCCEEDED) {
        // 全局禁用右键，仅eventDiv例外
        String globalRightClickScript = """
            document.addEventListener('contextmenu', function(e) {
                if (e.target.id !== 'eventDiv') {
                    e.preventDefault(); // 阻止非目标元素的右键菜单
                }
            });
            """;
        webEngine.executeScript(globalRightClickScript);

        // 绑定Java回调到window对象
        JSObject window = (JSObject) webEngine.executeScript("window");
        window.setMember("javaHandler", new EventDivHandler());

        // 给eventDiv绑定右键事件，触发自定义逻辑与Java回调
        webEngine.executeScript("""
            const eventDiv = document.getElementById('eventDiv');
            if (eventDiv) {
                eventDiv.addEventListener('contextmenu', function(e) {
                    e.preventDefault(); // 阻止系统右键菜单
                    javaHandler.handleEventDivClick(); // 调用Java侧方法
                    // 此处添加你的自定义右键菜单JavaScript代码
                });
            }
            """);
    }
});

webEngine.load(url);

2. 保留原有处理类 #

public class EventDivHandler {
    public void handleEventDivClick() {
        System.out.println("点击了id为eventDiv的元素");
    }
}

关键说明 #

• 移除webView.setContextMenuEnabled(false)，避免WebView完全拦截右键事件，让网页JS能正常接收事件信号。
• 通过注入的JS代码实现精准控制：全局监听右键事件，仅允许eventDiv触发自定义逻辑，其他元素直接禁用右键。
• 如果网页本身已有eventDiv的自定义右键菜单代码，可省略Java回调绑定部分，仅保留全局禁用的JS逻辑即可。

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