У меня есть HTML-форма в расширении Chrome для обработки страницы входа, но я получаю следующую ошибку:
Uncaught TypeError: Невозможно прочитать свойство 'addEventListener' из null
на HTMLDocument. (popup.js: 5)
Мне интересно, есть ли у кого-нибудь идеи, как решить эту проблему? Я приложу код ниже.
manifest.json
{
"manifest_version": 2,
"name": "UA Prototype Plugin",
"description": "A prototype plugin for Chrome",
"version": "1.0",
"author": "@Curtis",
"background": {
"scripts": ["popup.js"],
"persistent": false
},
"permissions": [
"tabs",
"http://*/*",
"https://*/*"
],
"browser_action": {
"default_icon": "logo.png",
"default_popup": "popup.html"
}
}
popup.html
<!doctype html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
<h2>Welcome to UA Browser Prototype</h2>
<a href="test.html">test</a>
<!-- <p id='pagetitle'>This should change to the scraped title!</p> -->
<h3>Please login to your account below</h3>
<div class="container">
<form id="dologin">
<p>
<label for="title">Username</label><br />
<input type="text" id="username" name="username" placeholder="Username" />
</p>
<p>
<label for="url">Password</label><br />
<input type="password" id="password" name="password" placeholder="Password" />
</p>
<p>
<input id="submit" type="submit" value="Login" />
</p>
</form>
</div>
</body>
</html>
popup.js
function doLogin() {
alert("login");
}
document.addEventListener('DOMContentLoaded', function(event) {
document.getElementById('dologin').addEventListener('submit', dologin);
});