Question

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

我有一个日期输入字段

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

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

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

编辑：或者，重复的问题，如评论建议。（参见oninput事件）

onchange日期输入

1 个答案: