JavaScriptの選択オプションが表示されていますか？

Question

<select>要素が<options>のリストを表示/非表示にしたときに、どのイベントが発生した場合にトリガされますか？

例：あなたはこの選択ボックスの中に、マウスでクリックすると

<select> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

は、ブラウザは、オプションのリストが表示されます。

ただし、選択ボックスにタブすると、ブラウザにオプションのリストが表示されません。

select要素内でmouseupイベントをチェックする唯一の方法はありますか、それとも明白なものがありませんか？

$(document.body).on('mouseup', 'select', function(){    
    console.log('Either shown or hidden the options...but which?') 
}); 

ありがとうございます。

P.S.私は<select>要素にクラスを追加しようとしていますが、<options>が表示されているので、ブラウザに「オプションのポップオーバー」が表示されていないときとは異なるカスタムキャレットスタイルが表示されます。

Answer 1

これは、select要素にフォーカスがあることを意味します。したがって、このシナリオではJavaScriptは必要ありません。あなたはcssを使用してこれを満たすことができます。

select:focus { 
    color:red; 
} 

しかし、あなたは、それはこのようなものになりますjqueryのを使用したいなかった場合：あなた=は「選択」とあなたはこのような何かを行うことができ、IDを選択する与える、純粋なJavaScriptの使用

$("select").focus(function(){ 
    console.log(" h1 "); 
}) 

を：