Javascript 在chrome extension中,如何侦听由内容脚本动态生成的页面的事件?

Javascript 在chrome extension中,如何侦听由内容脚本动态生成的页面的事件?,javascript,google-chrome,google-chrome-extension,Javascript,Google Chrome,Google Chrome Extension,我已经使用内容脚本在chrome扩展中注入了一个html文件。现在我需要监听该页面元素的事件。那我该怎么做呢?我应该在内容脚本中还是在单独的javascript文件中编写代码?您可以使用内容脚本监听事件。 在“使用内容脚本在chrome扩展插件中插入html文件”下,您是什么意思?注入有助于将脚本注入,并可能将自定义DOM元素生成到3D party内容中,而不是您自己的扩展名中。脚本已经被注入,通过使用该脚本,我带来了另一个html文件的内容,然后将其附加到浏览器中的当前文档中。这就是我这里所说

我已经使用内容脚本在chrome扩展中注入了一个html文件。现在我需要监听该页面元素的事件。那我该怎么做呢?我应该在内容脚本中还是在单独的javascript文件中编写代码?

您可以使用内容脚本监听事件。

在“使用内容脚本在chrome扩展插件中插入html文件”下,您是什么意思?注入有助于将脚本注入,并可能将自定义DOM元素生成到3D party内容中,而不是您自己的扩展名中。脚本已经被注入,通过使用该脚本,我带来了另一个html文件的内容,然后将其附加到浏览器中的当前文档中。这就是我这里所说的注射。将某些事件绑定到元素有什么问题?既然你已经有了一个内容脚本,就在那里做吧。问题是,我不知道在哪个“窗口”事件下我应该听我的元素?我尝试了window.onLoad,但是获取我的元素会得到null。我认为问题不在于绑定目标(
window
element),而在于它执行的顺序。您没有显示任何代码(这对回答您的问题非常有帮助),但我怀疑您在默认情况下加载了内容脚本
run\u at
时刻,即
document\u idle
。空闲是否会在加载外部html之前发生?尝试使用
document\u end
,并显示您的代码。请注意,观察者关注DOM的更改,而不是元素的值。因此,您可以查看textarea以查看是否向该元素添加了属性,但无法查看textarea以查看其值是否更改。