jQuery заполнить ввод после загрузки iframe

Question

У меня есть небольшая форма, где пользователи вводят Имя и Электронная почта , чтобы иметь возможность загрузить электронную книгу. Я установил инструмент оплаты, который загружает iframe в моем DOM.

Я хочу, чтобы пользователи использовали один и тот же адрес электронной почты, набранный в предыдущей форме. Я пытаюсь получить событие загрузки iframe с помощью jQuery, чтобы заполнить ввод iframe этим письмом, но оно не работает

Я читал некоторые вопросы, но ничего не помогло. Я заметил, что iframe загружается после всех моих js сценариев, поэтому он не может прочитать загрузку фрейма.

Я пытался использовать

$(document).load("https://sandbox.pagseguro.uol.com.br/checkout/embedded/i-ck.html", function () {
})

Но я получить междоменную ошибку.

Есть ли способ заставить это работать?

$('#sendData').click(function(e) {
  e.preventDefault()

  const sendFormData = () => {
    let email = $('#email').val()
    $.post('http://localhost/api/process_payment.php', {
      email: email
    }, function(data) {
      console.log(data)
      $('#secret').val(data)
      $('#formData').submit()
    })
  }

  let forms = document.getElementsByClassName('needs-validation')
  if (forms[0].checkValidity() === false) {
    e.preventDefault()
    e.stopPropagation()
  } else {
    sendFormData()
  }
  forms[0].classList.add('was-validated')
})

// here I tried on input focus but it does not work too.
$('#user').focus(function() {
  console.log('loaded')
})