2016-05-13 43 views
1

在我的選項頁面中,在我的擴展中,我想在用戶輸入值並單擊提交按鈕時讀取用戶輸入。事件監聽器沒有在options擴展中的options.js中觸發

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); 
}); 
+0

不要用無效編輯現有的答案。如果您仍然有問題,請對答案提出新問題或評論。 – Xan

+0

好的,對不起。我改變了它,因爲下面的答案。我現在不會這樣做。再次,對不起! – Han

+0

您是否在更改後重新加載擴展?因爲Chrome會緩存所有的JS。 – Xan

回答

1

您現在收聽的change沒有click

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

您目前只運行你的函數時使用的按鍵值的變化(並且由於按鍵沒有價值,這將永遠不會火)

+0

我已經更新了我的options.js,但它仍然不警告。 – Han

相關問題