javascript - Chrome 控制台和扩展程序之间的结果不同

Question

我制作了一个 Chrome 扩展，可以在搜索栏中输入搜索字符串，它会自动更新其下方的表格。我一直在尝试很多不同的事情，“keyup”似乎实际上触发了更新表的函数。 - 请注意，我不拥有该网站，也无权访问代码!

我使用 jQuery 来输入这样的字符串:

$("#filter").val("apple").trigger('keyup');

如果我将其放入 chromes 控制台，搜索栏就会被填满，表格也会更新，不会出现任何问题。

如果我将其放入 chrome 扩展中，它会键入文本，但不会触发表的更新过程。如果我单击搜索字段，然后按箭头键(例如)，表格就会更新。

我使用指南将 jQuery 添加到我的扩展中。

• 是否需要任何权限才能使这一小行代码触发该网站的事件？

  • 这是我的 list (stackoverflow 不知何故弄乱了这里的格式):http://pastebin.com/8B3yV2wE

Answer 1

我使用普通的 javascript 回答。您可以使用以下内容来模拟按键(在本例中为 keyup):

var filter = document.getElementById("filter");
filter.value = "apple";
filter.dispatchEvent(new KeyboardEvent("keyup", {
    bubbles: true,
    cancelable: true,
    key: "ArrowUp"
  }));