Как обработать eventListener для iframe в html?

Question

Я добавил код iframe в код Html, который является тегом iframe по умолчанию в Dialogflow WebDemo. Когда вы go просматриваете загруженное мной изображение, это указывает на то, что когда пользователь печатает сообщение и нажимает клавишу ввода, автоматически отображается другой ответ. Что мне нужно, это когда пользователь нажимает ввод, тогда я должен написать функцию в скрипте.

Вот код тега iframe в HTML -

<iframe allow="microphone;" id="myFrame" width="350" height="430" src="dialogflow_bot_link"></iframe>

Answer 1

Попробуйте следующий тег

$(document).ready(function(){
  $("iframe").load(function(){
    $(this).contents().on("keyup", function(){
      // handle 'keyup' event
    });
  });
});

iframe для встраивания отдельной веб-страницы в родительскую веб-страницу. Поэтому мы используем load() для загрузки содержимого iframe и contents() для получения ближайших потомков в iframe.