User changes pseudo mode of Designer (Designer API v2)

`webflow.subscribe("pseudomode", callback)`

Use this method to start listening for when a user changes the pseudo-state of the Designer.

Syntax

1 webflow.subscribe(event: "pseudomode", callback: (pseudoState: PseudoStateKey) => void): Unsubscribe;

Pseudo-State Key Values

Pseudo-State	Designer State	Description
`hover`	Hover	Element is hovered over by the mouse
`pressed`	Pressed	Element is in pressed state
`visited`	Visited	Link element has been visited
`focus`	Focused	Element has keyboard/input focus
`focus-visible`	Focused (Keyboard)	Element has keyboard focus with visible indicator
`focus-within`	—	Element or its descendant has focus
`placeholder`	Placeholder	Placeholder text in form block inputs
`first-child`	First Item	First Collection Item in a collection list
`last-child`	Last Item	Last Collection Item in a collection list
`nth-child(odd)`	Odd Items	Odd-numbered Collection Item in a collection list
`nth-child(even)`	Even Items	Even-numbered Collection Item in a collection list

Parameters

event: "pseudomode" - The event to listen for.
callback: (pseudoState: PseudoStateKey) => void - The callback function to execute when the event occurs. The pseudoState parameter is the new pseudo-state of the Designer.

Returns

Return Value

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 pseudo state
2 const pseudoStateCallback = (pseudoState: PseudoStateKey) => {
3   console.log('Pseudo State:', pseudoState);
4 }
5 
6 const unsubscribePseudoState = webflow.subscribe('pseudomode', pseudoStateCallback);

Designer Ability

Designer Ability	Locale	Branch	Workflow	Sitemode
canAccessCanvas	Any	Any	Any	Any

1	// Subscribe to changes in the pseudo state
2	const pseudoStateCallback = (pseudoState: PseudoStateKey) => {
3	console.log('Pseudo State:', pseudoState);
4	}
5
6	const unsubscribePseudoState = webflow.subscribe('pseudomode', pseudoStateCallback);