Javascript 如何在html中处理iframe的eventListener?

Javascript 如何在html中处理iframe的eventListener?,javascript,jquery,html,Javascript,Jquery,Html,我在Html代码中添加了iframe代码,这是Dialogflow WebDemo的默认iframe标记。当您浏览我上传的图片时,它表明当用户键入消息并按enter键时,它会自动显示其他响应。我需要的是,当用户按下enter键时,我应该在脚本中编写函数 以下是HTML中iframe标记的代码- <iframe allow="microphone;" id="myFrame" width="350" height="430" src="dialogflow_bot_link"><

我在Html代码中添加了iframe代码,这是Dialogflow WebDemo的默认iframe标记。当您浏览我上传的图片时,它表明当用户键入消息并按enter键时,它会自动显示其他响应。我需要的是,当用户按下enter键时,我应该在脚本中编写函数

以下是HTML中iframe标记的代码-

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

尝试以下操作

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

iframe
标记将一个单独的网页嵌入到父网页中。因此,我们使用加载iframe的内容并获取iframe中的直接子项。

当我尝试添加上述代码时,我得到了以下错误“e.indexOf不是w.fn.init.w.fn.load(VM2682 jquery.min.js:2)的函数”,请参见。在您的版本中,
load()
很可能已被弃用。尝试将
load(function(){…})
替换为
。on('load',function(){…})
。否,错误已更正,但未进入函数$(document).ready(function(){$(“iframe”).on('load',function(){$(this).contents().on('keyup',function(){alert(“Wow!”);});我们是否需要在iframe标记中添加任何属性?不需要其他选项。这意味着('load',…)上的
.on可能没有按预期触发。