JavaFX：父级及其子级的鼠标单击事件

Question

我有一张卡片，它由页眉、正文和页脚组成，可以由更多节点组成，如标签、文本字段等。

我需要抓住鼠标点击事件的任何时间，当点击发生在卡内，无论它是卡本身还是其子卡之一。现在，如果我单击文本字段，事件不会被触发。

private StackPane newCard() {
        //card wrapper
        StackPane card = new StackPane();
        VBox cardContent = new VBox();

        JFXDepthManager.setDepth(card, 1);
        //Header
        StackPane header = new StackPane();

        VBox headerContent = new VBox();
        header.getChildren().add(headerContent);
        Label label = new Label("Card title");

        //if I click this text field, event is not triggered
        TextField groupCode = new TextField();

        headerContent.getChildren().addAll(label, groupCode);

        //body
        StackPane body = new StackPane();


        //footer
        StackPane footer = new StackPane();


        cardContent.getChildren().addAll(header, body, footer);
        card.getChildren().add(cardContent);

        //event
        card.setOnMouseClicked(event -> System.out.println("Clicked!"));

        return card;
    }

就像上面的例子一样，如果我单击文本字段来键入某些内容，单击！未打印。

Answer 1

你可以用

card.addEventFilter(MouseEvent.MOUSE_CLICKED, event -> System.out.println("Clicked!"));

这里描述了JavaFX中事件处理的完整机制。不过，简而言之，事件有一个目标，在本例中，该目标是与鼠标单击相交的最顶部节点。（直观地说，它是用户在其上单击的节点。）因此，如果在文本字段中单击，则目标是文本字段。事件调度分为两个阶段：捕获和冒泡。在捕获阶段，事件首先传递给根节点，然后传递给作为目标祖先的根节点的子节点，依此类推，直到到达目标。在捕获阶段，将调用向相应节点注册的任何事件过滤器。一旦事件捕获完成，冒泡阶段开始。在冒泡阶段，事件首先传递给目标节点，然后传递给其父节点，依此类推，直到它再次到达根节点。在冒泡阶段，将调用向节点注册的事件处理程序。

在事件处理的任何阶段，筛选器或处理程序都可能使用该事件。这从本质上防止了事件的进一步传播。某些控件具有内置的处理程序，这些处理程序使用某些事件；示例中的文本字段是一个。因此，在文本字段上单击鼠标不会传播到父节点中的处理程序。注册事件筛选器而不是处理程序允许处理程序处理事件。