Add an event when a form button is clicked

README.md

@@ -125,6 +125,15 @@ And include the styling in your template:
 ### Javascript
 By loading Resources/public/js/cookie_consent.js the cookie consent will be submitted via ajax and the cookie consent will be shown on top of your website while pushing down the rest of the website.
 
+### Events
+When a form button is clicked, the event of cookie-consent-form-button-click is created. Use the following code to listen to the event and add your custom functionality.
+```javascript
+document.addEventListener('cookie-consent-form-button-click', function (e) {
+    // ... your functionality
+    // ... e.detail is available to see which button is clicked.
+}, false);
+```
+
 ### Template Themes
 You can override the templates by placing templates inside your poject:
 

Resources/public/js/cookie_consent.js

@@ -37,7 +37,13 @@ document.addEventListener("DOMContentLoaded", function() {
                 xhr.open('POST', cookieConsentForm.action);
                 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                 xhr.send(serializeForm(cookieConsentForm, event.target));
-		// Clear all styles from body to prevent the white margin at the end of the page
+
+                let buttonEvent = new CustomEvent("cookie-consent-form-button-click", {
+                    detail: event.target
+                });
+                document.dispatchEvent(buttonEvent);
+
+                // Clear all styles from body to prevent the white margin at the end of the page
 		document.body.style.marginBottom = null;
 		document.body.style.marginTop  = null;
             }, false);