Javascript 选择下拉菜单时，按单击键或箭头键进行选择时的行为会有所不同

如果我用鼠标单击而不是上下箭头从dropbox中拾取项目，我希望触发此事件。

.on将事件传递到回调函数。您可以利用它来检测是单击还是按键

如果单独绑定到click和keyup，则可以通过检查事件类型来检测哪一个：

<select id="s">
<option value="1">selected1</option>
<option value="2">selected2</option>
<option value="3">selected3</option>
<option value="4">selected4</option>
</select>
<div id="se">
</div>

$('body').on('change', '#s', function() {
    $('#se').text($('#s :selected').text()+" / unfortunatly it also triggers when Im moving with the UP and DOWN keys, not just with select");
});

---

只需使用“选择”菜单上的“单击”事件：

$(document).on('click keyup', '#s', function(e) {
    if ('click' == e.type) {
        $('#se').text($('#s :selected').text());
    }
});

这里有一把小提琴：

    $('#s').click(function(){
            var sv = $('#s').val();
            $('#se').html("That\'s it: "+sv);
    });