User selects element

subscribe("selectedelement", callback)

Use this method to start listening for specific events in your App. In this case, we’re listening for when a user selects an element on a page.

Syntax

1
 webflow.subscribe( event: 'selectedelement',callback: (element: null | AnyElement) => void): Unsubscribe;

Parameters

event : "selectedlement"

The name of the event to subscribe to.

callback: (element: null | AnyElement => void )

This is the function that will be called each time the event occurs. It takes an element as a parameter. A null element signifies that no element is selected. Use this function to define what should happen when the event is triggered.

Returns

Unsubscribe

This is a special function you receive after subscribing. When you no longer want to listen to the event, call this function to stop receiving notifications.

Example

1
// Subscribe to changes in the selected element
2
const selectedElementCallback = (element: AnyElement | null) => {
3
  if (element) {
4
    console.log('Selected Element:', element);
5
  } else {
6
    console.log('No element is currently selected.');
7
  }
8
}
9
10
const unsubscribeSelectedElement = webflow.subscribe('selectedelement', selectedElementCallback);