文章/答案/技术大牛

发布

社区首页 >问答首页 >Browser-Action / ChromeExtention/EventLIstener (如何确保表单的内容成功提交)

问Browser-Action / ChromeExtention/EventLIstener (如何确保表单的内容成功提交)
EN

Stack Overflow用户

提问于 2018-01-20 15:18:04

回答 1查看 78关注 0票数 0

我正在做我的第一个Chrome扩展，我仍然无法解决这个问题。我的扩展背后的想法很简单。你在表单中输入一个ID，然后点击搜索。这将触发一个具有长URL的新窗口弹出。在这个URL的中间，您应该看到我们通过表单输入的ID。取而代之的是一个新窗口弹出，加载一个长URL，而不是你可以看到的“object%20 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>

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);

javascript

google-chrome-extension

addeventlistener

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-01-21 16:17:59

您正在使用侦听器函数的参数来创建URL，但侦听器函数的参数是事件对象。如果您想使用第一个文本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);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48357734

复制

相似问题

问Browser-Action / ChromeExtention/EventLIstener (如何确保表单的内容成功提交)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Browser-Action / ChromeExtention/EventLIstener (如何确保表单的内容成功提交)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Browser-Action / ChromeExtention/EventLIstener (如何确保表单的内容成功提交)
EN