日期输入的 onchange [重复]答案

【问题标题】：onchange on date inputs [duplicate]日期输入的 onchange [重复]
【发布时间】：2011-04-12 09:56:15
【问题描述】：

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

我有一个日期输入字段

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

在 webkit 和 firefox 中，它会在输入侧添加两个向上/向下箭头。单击它们时，日期会向前或向后移动，但在字段失去焦点之前不会触发 onchange 事件。有解决办法吗？

【问题讨论】：

重复问题stackoverflow.com/search?q=oninput
jquery .change() 可能会帮助你http://api.jquery.com/change/
谢谢各位，我写标题的时候找不到匹配项。对不起:)
我在 Safari 5 或 Fx4 中看不到箭头 diveintohtml5.org/examples/input-type-date.html
是的，我对 Fx 的看法是错误的。但在 Safari 中我看到了它们 :)

标签： javascript css html input onchange

【解决方案1】：

您可以将值存储在全局中并在点击时检查差异。

<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 →

编辑：或者，重复的问题，就像 cmets 建议的那样。（见oninput事件）

【讨论】：