Place the element(s) where you would like to capture the event and use the state or triggered events to start workflows.
How to Use:

✅ Install the Touch and Mouse Events Detect plugin in your Bubble.io application.
✅ Add the Detection Pad (Testing) element to your page where interactions should be detected.
✅ Configure workflows by selecting any of the available events as triggers.
✅ Define actions that should be executed when an event occurs.
✅ Test and refine user interactions to enhance your application’s user experience.

Elements:

🟢 Detection Pad (Testing): This is the primary element used to capture and respond to user interactions.

Events: The following events are triggered when a user interacts with the Detection Pad:

🖱️ Area Double Click - Fires when a double click occurs.
📱 Touched - Fires when the user touches the Detection Pad.
📍 Touch Move - Fires when the user moves their finger while touching.
☝️ Touch Lifted - Fires when the user lifts their finger after a touch.
⏳ Long Press - Fires when the user presses and holds for a defined duration.
👆 Area Clicked - Fires when a single click occurs.
➡️ Mouse Enters - Fires when the mouse pointer enters the Detection Pad.
⬅️ Mouse Leaves - Fires when the mouse pointer leaves the Detection Pad.
🖱️ Mouse Pressed - Fires when the mouse button is pressed.
🖱️ Mouse Released - Fires when the mouse button is released.
📑 Context Menu Opened (Right Click) - Fires when the user right-clicks to open the context menu.