Merge pull request #3 from dennisinteractive/iclick

Looks sound
dennisinteractive · Apr 11, 2017 · 6afd448 · 6afd448
2 parents 2b08e21 + 2bbee93
commit 6afd448
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 5 deletions.
diff --git a/dist/implied-consent.js b/dist/implied-consent.js
@@ -393,7 +393,32 @@ if (typeof module !== 'undefined') {
    * Launch events on page interaction.
    */
   function validateByClick(wrapper) {
-    wrapper.addEventListener('click', validateByClickHandler);
+    wrapper.addEventListener('click', validateByClickHandler, {
+      passive: true
+    });
+
+    document.body.addEventListener('click', icDelegate, {
+      passive: true
+    });
+  }
+
+
+  function icDelegate(e) {
+    var clickElements = ['A', 'BUTTON', 'INPUT'];
+
+    if (clickElements.indexOf(e.target.tagName) >= 0) {
+      validateByClickHandler(e);
+    } else {
+      var parent = e.target;
+      while (parent.parentNode) {
+        parent = parent.parentNode;
+
+        if (clickElements.indexOf(parent.tagName) >= 0) {
+          validateByClickHandler({ target: parent });
+          break;
+        }
+      }
+    }
   }
 
   /**
@@ -513,6 +538,10 @@ if (typeof module !== 'undefined') {
     var el = document.getElementById('__ic-notice-container');
     el.parentElement.removeChild(el);
     ic.status = false;
+
+    document.body.removeEventListener('click', icDelegate, {
+      passive: true
+    });
   }
 
   /**

diff --git a/dist/implied-consent.min.js b/dist/implied-consent.min.js
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "implied-consent",
   "description": "a Cookie Notice plugin",
   "private": true,
-  "version": "1.1.0",
+  "version": "1.1.1",
   "license": "MIT",
   "main": "implied-consent.min.js",
   "ignore": [

diff --git a/src/implied-consent.js b/src/implied-consent.js
@@ -122,7 +122,32 @@
    * Launch events on page interaction.
    */
   function validateByClick(wrapper) {
-    wrapper.addEventListener('click', validateByClickHandler);
+    wrapper.addEventListener('click', validateByClickHandler, {
+      passive: true
+    });
+
+    document.body.addEventListener('click', icDelegate, {
+      passive: true
+    });
+  }
+
+
+  function icDelegate(e) {
+    var clickElements = ['A', 'BUTTON', 'INPUT'];
+
+    if (clickElements.indexOf(e.target.tagName) >= 0) {
+      validateByClickHandler(e);
+    } else {
+      var parent = e.target;
+      while (parent.parentNode) {
+        parent = parent.parentNode;
+
+        if (clickElements.indexOf(parent.tagName) >= 0) {
+          validateByClickHandler({ target: parent });
+          break;
+        }
+      }
+    }
   }
 
   /**
@@ -242,6 +267,10 @@
     var el = document.getElementById('__ic-notice-container');
     el.parentElement.removeChild(el);
     ic.status = false;
+
+    document.body.removeEventListener('click', icDelegate, {
+      passive: true
+    });
   }
 
   /**