当我在选择中使用向上或向下箭头时，为什么jquery不会更改事件？

Question

我正在使用jquery和livequery插件监听选择下拉列表的更改事件。

$(".myDropdown").livequery("change", function () {
});

我注意到的一件事（我使用的是firefox）就是这样

当我选择聚焦时，事件处理程序不会触发向上和向下箭头（向上和向下箭头DO更改条目）

当我上下移动箭头键时，为什么更改事件不会触发？是否有推荐或解决方法？

Answer 1

如果Malvolio说的是真的那么，那应该有用

$(".myDropdown").livequery("change", function () {
   // your event handler
}).livequery("keypress", function() { 
   $(this).trigger("change");
});

http://jsfiddle.net/tW6Su/2/作为证明

Answer 2

我想我会总结一下。

如果单击选择框中的项目，则表示您正在更改它。 如果您通过键入向下浏览选择框，则只有按Enter键才能选中，单击关闭或标签。 我认为这在浏览器与浏览器之间略有不同，但实际上选择发生在类似“我已完全使用此表单字段并立即离开”事件。

如果您希望结果更直接，您可以触发更改事件，如下所示：

$("select").live("keypress",function(){
    $(this).trigger("change");
});

如果您希望在所有表单字段上执行此操作，请尝试以下选择器： $(":input select textarea")

Answer 3

以下代码（无论如何在Firefox 3.6上）同意OP并且不同意评论者：

$('body').append('<select/>').find('select')
    .append('<option>one</option)')
    .append('<option>two</option>')
$('body').find('select').keypress(function() { 
    console.log('keypress: ' + $(this).val()); })

只要按箭头键，就会在日志中打印更改的值。

Answer 4

在元素失去焦点之前，更改事件不会被触发，即使您正在更改值（正如Malvolio所证明的那样）。 以下代码片段将在按下任何键时手动触发更改事件：

$("select").on("keypress",function(){
    $(this).trigger("change");
});