Home / Questions / 20110
Accepted
user12631
Asked: 2020-08-11 01:29:11 +0800 CST 2020-08-11 01:29:11 +0800 CST

Simulate css hover with code

  • 772

I want to detect when the mouse pointer hovers over a control. In CSSwould do with .miControl:hover{...}, but how do you do it in JavaFX code?

javafx

3 Answers

  1. Best Answer

    You have to create a listener to the property hoverPropertyof the control:

    miControl.hoverProperty().addListener((ov, valorAntiguo, valorNuevo) -> {
    if (valorNuevo == true) {
        // estamos encima del control
    } else {
        // estamos fuera del control
    }
});
    • 1

  2. You can use jQuery's is() :

    $('#elem').is(":hover"); // Retornaría true o false

    All the best!

    • 0

  3. You can use Bindings. Here is a valid example for buttons and text fields:

    miControl.textProperty().bind(
    Bindings.when(miControl.hoverProperty())
        .then("Estamos encima")
        .otherwise("Estamos fuera"));
    • 0