平變化上日期輸入

Question

可能重複：
What events does an <input type=「number」 /> fire when it's value is changed?

我有個日期輸入字段

<input type="date" name=".."> 

WebKit中和Firefox，它將被添加兩個上/向下箭頭在輸入側。點擊它們時，日期向前或向後，但onchange事件不會觸發，直到該領域失去焦點。有沒有解決方法？

Answer 1

您可以將值存儲在全局中，並檢查onclick的差異。

<input type="date" name="myDate" id="myDate" /> 

var myApp = {}; 
myApp.myDate = ""; 

document.getElementById('myDate').onclick = function (e) { 
    if (this.value != myApp.myDate) { 
     // run onchange code 

     // then set last value to current value 
     myApp.myDate = this.value; 
    } 
}; 

See example →

編輯：或者，重複的問題，這樣的評論建議。 （見oninput事件）