事件监听器未在chrome扩展中的options.js中触发

时间:2016-05-13 15:09:56

标签: javascript jquery google-chrome google-chrome-extension

在我的选项页面中,在我的Chrome扩展程序中,我想在用户输入其值并点击提交按钮时阅读用户输入。

options.html

<html>
<head>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

</head>
<body>

<h1 style="font-family:Raleway;font-weight:200;text-align:center;font-size:50px;color:white;">Themes</h1>

<input type="number" id="day" value="2" class="day">
<button id = "button1">Submit</button>

  <script src="options.js"></script>
</body>
</html>

options.js

...
document.getElementById("button1").addEventListener("change", function(e) {
    var day = document.getElementById("day").value; // get the current value of the input field.
    alert(day);
});

1 个答案:

答案 0 :(得分:1)

您正在倾听change而不是click

addEventListener("click", function(){})

您当前只在按钮值更改时运行您的功能(并且由于按钮没有值,因此永远不会触发)