Attach listeners to widgets in CQ5 / AEM

Follow the below steps to create or attach listeners (javascript event listeners) to any widget in CQ5 / AEM.

1. Create a node by name "listeners" of type "nt:unstructured"
2. Find out the events which can be attached to a widget. You can find the list of events from the CQ Widget API documentation. Click here to visit.
3. e.g. The "pathfield" widget has got one event called "dialogclose". This event is fired when user selects any link from the browse field & clicks OK.
4. To attach this add one property by name "dialogclose" to the listeners node. The value should be any javascript function call. 
1. e.g. function(){ console.log("You have selected a link in path field"); }
5. Please see below  image for reference.