Javascript 如何将EventListener添加到Amazon提交按钮

Javascript 如何将EventListener添加到Amazon提交按钮,javascript,html,google-chrome,google-chrome-extension,Javascript,Html,Google Chrome,Google Chrome Extension,我正在尝试从亚马逊提交按钮作为我的事件,这样我就可以阅读该人正在搜索的内容,但我无法让它工作。我不知道如何准确地定位按钮 myscript.js manifest.json 您应该将事件侦听器添加到表单提交: document.querySelector('.nav-searchbar').addEventListener('submit', event => { console.log(document.querySelector('#twotabsearchtextbox').va

我正在尝试从亚马逊提交按钮作为我的事件,这样我就可以阅读该人正在搜索的内容,但我无法让它工作。我不知道如何准确地定位按钮

myscript.js

manifest.json


您应该将事件侦听器添加到表单提交:

document.querySelector('.nav-searchbar').addEventListener('submit', event => {
  console.log(document.querySelector('#twotabsearchtextbox').value)
})

请不要编写将内容脚本加载到每个页面的扩展,
“匹配”:[“https://*/*”,“http://*/*”,…
,当您仅与极少数网站交互时。这样做会使您的扩展为每个网页消耗资源。非常感谢
i[0]。addEventListener('onclick',getProduct)
不起作用,因为事件是
单击
,而不是
单击
{
    "name": "Bachelortest",
    "description": "teste",
    "version": "1.0",
    "manifest_version":2,

    "browser_action":{
    "default_icon":"icon.png",
    "default_popup":"popup.html"
    },
    "permissions":["tabs", "storage", "activeTab" ,"geolocation"],

    "background": {
    "scripts": ["background.js"]
    },

      "content_scripts": [
    {
      "matches": ["https://*/*","http://*/*", "https://www.amazon.de/*"],
      "js": ["jquery-1.12.3.min.js","myscript.js"]
    }
  ]

}
document.querySelector('.nav-searchbar').addEventListener('submit', event => {
  console.log(document.querySelector('#twotabsearchtextbox').value)
})