Touch and Mouse Events Detect

The Touch and Mouse Events Detect plugin provides a way to track user interactions, including touch gestures and mouse events, within your Bubble.io application. This plugin is useful for capturing user actions such as clicks, taps, long presses, and cursor movements to create interactive UI elements and enhance user experience.
Features:

• Detects a wide range of touch and mouse events.
  
• Supports both desktop and mobile interactions.
  
• Easy to integrate into any Bubble application.
  
• Provides real-time event tracking.

🔗 Demo Page: https://chakor-plugin-demo-7.bubbleapps.io/version-test/touch_mouse_events

🔗 Editor Link: https://bubble.io/page?id=chakor-plugin-demo-7&test_plugin=1738314583551x773480697593856000_current&tab=Design&name=touch_mouse_events&type=page

Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-issues

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.