javascript - 通过单击或箭头键选择下拉选择时的行为不同

Question

<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");
});

https://jsfiddle.net/8kLke2je/

如果我使用鼠标单击而不是使用向上和向下箭头从保管箱中选择一个项目，我希望触发此事件。

Answer 1

只需在选择上使用“点击”事件:

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

这里有一个 fiddle :https://jsfiddle.net/nemoneminis/rwza9xzt/1/