Javascript 提交按钮在Chrome扩展中不起作用_Javascript_Html_Google Chrome_Google Chrome Extension

Javascript 提交按钮在Chrome扩展中不起作用

javascript html google-chrome google-chrome-extension

Javascript 提交按钮在Chrome扩展中不起作用,javascript,html,google-chrome,google-chrome-extension,Javascript,Html,Google Chrome,Google Chrome Extension,我正在开发一个chrome扩展，可以在后台选项卡中检查打开的网站，然后对其进行解析。但我不知道为什么表单中的submit按钮不起作用，即使它在我开发的类似扩展中起作用下面是HTML代码 <html> <head> <script src="fetcher.js"></script> </head> <body style="min-width:250px; "> <form name="login"

我正在开发一个chrome扩展，可以在后台选项卡中检查打开的网站，然后对其进行解析。但我不知道为什么表单中的submit按钮不起作用，即使它在我开发的类似扩展中起作用

下面是HTML代码

<html>
<head>
    <script src="fetcher.js"></script>
</head>
<body style="min-width:250px; ">
    <form name="login" action="http://localhost/CD/worker.php"  style="padding:15%" method="GET">
    <fieldset>
        <legend>CD</legend>
        <div id="tag"></div>
        <p>
            <label for="name"></label>
            <br />
            <input type="hidden" id="name" name="val" class="text" size="20" />
        </p>

        <p>
            <button type="submit" class="button positive">
            <img alt="ok" src=
            "/tick.png" /> 
            Login
            </button>
        </p>
    </fieldset>
    </form>
</body>

PHP文件

<?php
    $name=$_GET['val'];
    echo $name;
?>

我可以使用“提交”按钮处理以下内容：

document.querySelector("form").addEventListener("submit", function(event) {
  event.preventDefault();
  //do stuff
});

是否定义了

check（）

？主题外语法错误：style=“padding=15%”@Jamie，是的，我很抱歉！我在测试一些东西。我已经编辑了代码。

document.querySelector("form").addEventListener("submit", function(event) {
  event.preventDefault();
  //do stuff
});