Question

我正在制作的Chrome扩展程序有一个popup.html，其格式如下：

<head>
  <script src="myscript.js"></script>
</head>
<form id="myform" action="http://www.example.com/myurl.jsp" method="get" target="_blank">
  #<input type="text" size="10" name="numid" value="" />
  <input type="Submit" value="Go" />
</form>

myscript.js列在manifest.json“background”和“content_scripts”部分：

"background": { "scripts": ["myscript.js"] }`
"js": ["jquery-1.8.2.min.js", "myscript.js"]

和myscript.js包含：

$(document).ready(function(){
  $('#myform').submit(function() {
  alert("alert!");
});

当我点击Go按钮或点击表单的回车键时，如何让它显示alert（）？

Answer 1

如果您只是打算在弹出窗口中使用它，则无需在popup.js和background中指定content_script。

警报未显示，因为您无法从弹出窗口显示警报。而是尝试：

document.getElementsByTagName('body')[0].innerHTML = "Works!"（这将用一条消息取代整个弹出窗口）
或使用console.log("Works!")（这会将文本输出到Developer Tools控制台 - 请务必查看弹出式开发人员工具，而不是当前页面开发人员工具）

修改：您的myscript.js似乎无效，您遗漏了});。此外，请注意，您可能会错过提交回调中的代码执行结果，因为页面会立即重新加载。

$(document).ready(function(){
  $('#myform').submit(function() {
     alert("alert!");
  });
});

验证Chrome扩展程序弹出窗体中的表单无效

1 个答案: