Skip to main content

Cookiebot blocks native DOM events



  • Danny Krämer

    I have the same problem. In my example it is a "change" event on a checkbox that is not working when cookiebot is active. Any solutions for this problem?

  • Karl Bishop

    I didn't find a solution for jQuery ready functions but I worked around it using vanilla JS.

    I added this function to the top of my JS:

    // Taken from
    function ready(fn) {
    if (document.readyState != 'loading'){
    } else {
      document.addEventListener('DOMContentLoaded', fn);
    Then I replaced all the jQuery 'ready' handlers:
    // Replace this:
    $(function () {
    // do stuff inside jQuery ready handler...

    // With this:
    ready(function () {
    // do stuff inside vanilla ready handler...
    // other jQuery code seems to work fine here!

    This is working for me, including checkbox 'change' events inside a vanilla ready handler like this:
    ready(function () {
    var myCheckbox = $('#myCheckbox');
    myCheckbox.on('change', function () {
    console.log('This should work!');

Please sign in to leave a comment.