javascript - 选择 onChange 事件

Question

在用户使用鼠标或按 Enter 选择项目之前，如何跟踪 SELECT 元素的变化？

可以监听 keyUp 事件，它允许跟踪用户使用键盘在列表中导航。但是是否有更通用的方法允许跟踪列表“预最终”更改？

Answer 1

我总是为此使用 focus click 监听器。

$('select').bind('focus click',function(){
//IMACHANGINGMYOPTION!!!!!!!!!!
    //var val=$(this).val();
});

上面的应该在 on change 事件之前被触发:

$('select').change(function(){
//The option has been changed.
});

说明:每当用户聚焦选择时，我们确实获取了所选项目的值，如果触发，我们可以在 onchange 事件之前对其进行操作。添加 click 监听器以防我们的选择已经获得焦点，并且用户在他实际选择一个选项并触发更改之前单击它以展开。

这是一个用法示例，可以让我们跟踪之前的值:

http://jsfiddle.net/SUKqS/8/