如何查找导致 IE 中选择框 onChange 事件的原因 - 键盘或鼠标？

Question

有什么方法可以找出导致 Internet Explorer (>= IE8) 中选择框上的 onChange 事件的原因 - 键盘或鼠标？

我有一个代码，当用户选择一个值时，它会执行一些操作，并且该代码在 Firefox 和 Chrome 中运行良好，但在 IE 中则不然（毫不奇怪，呵呵）。在 IE 中，只有当用户使用鼠标而不是键盘时它才能正常工作，因为这样它会在每次按键时触发 onchange 事件（而不是像普通浏览器那样在 Enter 上触发）。

因此，为了修复此行为，我需要知道事件是否是使用键盘触发的，然后我将对其进行过滤。

更新：

好的，玩了一下后我找到了一个很好的解决方案。将其发布在这里以防有人会发现它有用。下面的解决方案使用 jQuery，但也可以用纯 Javascript 完成。

这是导致问题的代码：

$("#mySelectBox").change(function () {
    // Do something
});

这是我的解决方案。它可能并不完美，但它适用于我的情况。当然，事件处理程序可以链接在 jQuery 中。下面的代码存储选择的初始值，并使用它来避免在初始鼠标单击时执行某些操作 - 当用户展开选择框时。它还过滤除 Enter 之外的所有按键。

function doSomething(el) {
    if (el.data["valueOnFocused"] !== el.val()) {
        // Do something
    }
}

$("#mySelectBox").focusin(function () {
    $(this).data["valueOnFocused"] = $(this).val();
});

$("#mySelectBox").keyup(function (e) {
    if (e.which === 13)
    {
        doSomething($(this));
    }
});

$("#mySelectBox").click(function () {
    doSomething($(this));
});

Answer 1

基本上，当用户做出选择然后离开输入（无论是选择、文本框、单选按钮等）时，onchange 事件应该被触发。由于这在 IE 中不起作用，您可以尝试使用 onblur 来代替，以检测用户何时实际离开框。此时，您可以读取选择了哪个项目并采取相应的操作。这更多的是一种解决方法，但可能会满足您的需要。

编辑：另一种选择是检测 Enter 键的按下，如下所示：

if(e && e.which){ // NN4 specific code
e = e
characterCode = e.which
}
else {
e = event
characterCode = e.keyCode // IE specific code
}

characterCode 变量现在具有按下哪个按钮的“代码”。如果是回车键，则该代码将为 13。您可以听一下。