Слушатель событий Javascript не работает в IE11

Question

Есть ли обходной путь для этой ошибки в IE11.Предоставленный код прекрасно работает для других браузеров и Edge, поэтому я надеялся найти обходной путь / решение, вот код:

document.addEventListener('wpcf7mailsent', function(event) {
  var inputs = event.detail.inputs;

  if ('2425' == event.detail.contactFormId) {
    console.log('Test Click');
    var username = document.getElementById('username').value;
    var password = document.getElementById('password').value;

    form_data = {
      username: username,
      password: password
    }

    $.ajax({
      url: url,
      type: 'POST',
      data: JSON.stringify(form_data),
      contentType: 'application/json; charset=utf-8',
      dataType: 'json',
      success: function(response) {
        console.log(response);
        localStorage.setItem("api_keyF", response.api_key);
        localStorage.setItem("is_trial", response.is_trial);
        for (i = 0; i < response.user_privileges.length; i++) {
          var service_type_id = response.user_privileges[i].service_type_id;
          localStorage.setItem("serviceid" + service_type_id, service_type_id);
        }

        /**alert(response.api_key + ' ' + response.user_privileges{service_type_id});*/

        window.location.href = "login-services/";
      },
      error: function(response) {
        console.log(response.responseJSON.message);
        //                var message = '<div class="alert alert-content-danger row">';
        // toastr.error(response.responseJSON.message);  
        // $('#username').addClass('error-border');
        // $('#password').addClass('error-border');
        // $('.username').text(response.responseJSON.message);                  
        // $('.password').text(response.responseJSON.message);          

        // document.getElementById("displayerror").style.display = "block";
        // document.getElementById("loginban").style.display = "block";                     
        // document.getElementById('displayerror').innerHTML = response.responseJSON.message;

        errorsoftlock = response.responseJSON.message;

        if (errorsoftlock == "Your account is locked. Please wait for 5 minutes.") {
          document.getElementById("displayerror").style.display = "block";
          document.getElementById("loginban").style.display = "block";
          document.getElementById('displayerror').innerHTML = "Oops! Your account has been temporarily locked. Please wait for 5 minutes before trying again.";
        } else {
          document.getElementById("displayerror").style.display = "block";
          document.getElementById("loginban").style.display = "block";
          document.getElementById('displayerror').innerHTML = response.responseJSON.message;
        }
        //                  $('.testerror').html(response.responsetesterrorJSON.message);
        //document.getElementsByClassName("testerror").innerHTML = response.responseJSON.message;
      }
    });
  }
}, false);

ожидаемое поведение будет, как только я нажму на кнопку, это приведет к APIпозвоните и перенаправьте меня на домашнюю страницу.это верно для браузеров, кроме IE11.В IE11 я могу нажать на кнопку, но ничего не происходит.Я также пытался использовать attachEvent (), читая о возможных обходных путях, но это также не работает.в надежде найти возможное решение этой проблемы.