javascript - 每次在用户脚本上触发 onChange onChange 时如何调用函数？

Question

所以我有一个用户脚本来解析页面并创建一个选择框并用选项填充它。

现在我想在用户更改选择框上的选定索引时调用脚本。不幸的是，用户脚本看起来只运行一次，并且无法读取选择上的 future 更改。

我试过:

1)

$('#selectBox').on('change', function() 
{...}

(只运行一次？)

2) 通过带有 <script> 的 insertBefore 注入(inject)函数“function_to_call”标记并将我的选择行格式化为:

<select onChange="function_to_call.call(this,event)">...</select>

它不起作用，说 function_to_call 未定义

3) 这个函数:https://gist.github.com/nylen/6234717再次注入(inject)我自己的函数，但传递给参数的所有内容都是未定义的。

用户脚本是否有可能连续监听事件，或者它真的只是一次性执行？

Answer 1

$('#selectBox').on('change', function() 
{...})

，它只运行一次的原因是因为附加到 dom 元素的事件监听器一旦被编辑(通过 insertBefore 更改 innerHTML 等)就会消失

所以用

$(document).on('change','#selectBox',function() 
{...})

这会起作用