Question

我正在处理我的第一个Chrome扩展程序，但仍然无法解决此问题。我的扩展背后的想法很简单。您在表单中键入ID并点击搜索。这会触发一个带有长URL的新窗口。在此URL的中间，您应该看到我们通过表单输入的ID。相反的是，弹出一个新窗口，加载一个长URL而不是你可以看到的数字“[object％20Event]”。换句话说，我希望提交ID并将其与其他两个字符串合并 - 这些字符串一起构成了URL。

有什么想法吗？任何帮助深表感谢！提前谢谢了！

HTML

<head>
<script type="text/javascript" src="ChromeFacebook.js"></script>
</head>

<body>
<h1 id="title"> Enter ID: </h1>
<h2 id="paragraphs"> Comments </h2>

<form id="form1">
<input type="text" size="60" placeholder="Photos-commented"><input 
type="submit" value="Search">   
</form> 

</body>
</html>

JS

var id = document.getElementById('form1');

function a(id) {
window.open("https://www.facebook.com/search/str/" + id + "/photos-
commented", "a") 
{;

document.getElementById('form1').addEventListener('submit', a);

Answer 1

您正在使用侦听器函数的参数来创建URL，但侦听器函数的参数是Event object。如果要使用第一个文本input的值，那么您需要在代码中说明这一点。例如：

function myEventListener() {
  window.open("https://www.facebook.com/search/str/" + document.querySelector("#form1 input").value + "/photos-
commented", "_blank");
}

document.getElementById('form1').addEventListener('submit', myEventListener);

Browser-Action / ChromeExtention / EventLIstener（如何确保成功提交表单内容）

1 个答案: