javascript - Change 事件在 IE 中点击前触发

Question

如果我在 chrome 中单击复选框输入，则会触发单击事件，然后触发更改事件，但在 IE 中则相反。

看看这个 jsfiddle在 chrome、FF 和 IE 上。

        $("#checkbox").on('click',
        function () {
            console.log("click");
        }            
    );

    $("#checkbox").on('change',
        function () {
            console.log("change");
        }            
    );

我的问题是如何让 IE 的行为方式与 chrome 和 FF 相同。

Answer 1

这是事件顺序的正确方式，点击事件应该最后触发，以便在客户改变主意时能够取消它。mouseup 事件在单击完成之前触发，因此您可以使用 mouseup 事件在浏览器之间进行均衡。

checkbox.onchange = function () {
                console.log("change");
            }

checkbox.onmouseup = function () {
                console.log("click");
            }

<input id="checkbox" type="checkbox" >​