振るまいドロップダウンを選択するときにクリックまたは矢印キー

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/

によって選択私は、このイベントは、私は、上下の矢印をマウスクリックでのDropboxから項目を選択していない場合にトリガします。

Answer 1

ちょうど選択で「クリック」イベントを使用します：ここで

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

あなたはclickとkeyupに別々にバインドする場合

は、あなたがその1イベントの種類を確認することで検出することができますそれのための手伝いがあります：https://jsfiddle.net/nemoneminis/rwza9xzt/1/

Answer 2

.onは、イベントをコールバック関数に渡します。これを利用してクリックかキー押下かどうかを検出することができます。

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