Godot: detect if a pressed mouse is above button

user_14541616 0
Viewed 1948

this is one of those issues where I believe there must be an incredibly simple way to do it and I still can't figure it out. Is there any way to figure out if my mouse (or finger on a touchscreen) is above a Button (any Button-Node) or not while it's being held pressed? Maybe something like "self global position"...? Something that immediately recognizes when leaving or entering the area while being held down.

The problem is that func _on_Button_mouse_exited(): does only fire at release but not at the moment of exiting. It works with CollisionShape2D, but obviously not with Buttons. I want it to emit a Signal the moment my finger slips off the Button.

Any help is much appreciated!

godot detection collision button
1 Answers

First of all register input events to know if mouse button is pressed or released.

var pressed = false

func _input(event):
    if event is InputEventMouseButton and event.button_index == BUTTON_LEFT:
        pressed = event.pressed

Another way to check mouse button state is to add an Action to Input Map (in Project Settings) and add Mouse Button to the Actions keys list. Then you can check it with

var pressed = Input.is_action_pressed("MyMouseCliskAction")

Second, connect a callback to register mouse_entered and mouse_exited signals of the Button node.

var mouseIsOverButton = false

...
    button.connect("mouse_entered", self, "_on_mouse_entered")
    button.connect("mouse_exited", self, "_on_mouse_exited")
...

func _on_mouse_entered():
    mouseIsOverButton = true
func _on_mouse_exited():
    mouseIsOverButton = false

The described problem with mouse_exited signal happens only if mouse button was pressed inside the button area and not released until cursor leaves the button area. is_hovered() may be a more convenient way to check it for Button controls, but it is just a shortcut for the code above and has the same described problem.

If you want to overcome the issue you can use CanvasItem.get_local_mouse_position() (or get_global_mouse_position()) methods of the Button node and then just manually check if the position is within button's rect:

var pos = button.get_local_mouse_position()
var rect = Rect2(button.rect_position, button.rect_size)
var mouseIsOverButton = rect.has_point(pos)
user_53579860
Related