jquery - 自定义选择下拉菜单在上下键中不起作用

Question

我使用自定义 jQuery 进行下拉。现在它在所有浏览器上都可以正常工作，除了 Mozilla 用于下拉菜单的键盘向上和向下事件。

我已将以下脚本用于下拉键盘事件。

$(document).ready(function(){   
if (!$.browser.opera) {
    $('select.selectlistbig').each(function(){
        var title = $(this).attr('title');
        if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
        $(this)
            .css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
            .after('<span class="selectlistbig">' + title + '</span>')
            .change(function(){
                var val = $('option:selected',this).text();
                    $(this).next().text(val);
                })
    });

    $('select.selectlistbig').keypress(function (e) {
        if(e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40 )
        {                   
            var val = $('option:selected', this).text();
            $(this).next().text(val);           
        }
    });
});

帮我。

谢谢你

Answer 1

e.keyCode 在 Firefox 中不起作用。请使用e.which尝试以下代码：

$('select.selectlistbig').keypress(function (e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 37 || code == 38 || code == 39 || code == 40 )
    {                   
        var val = $('option:selected', this).text();
        $(this).next().text(val);           
    }

});