jquery - jQuery：要素へのフォーカスを失う

Question

<select>が選択された後、どういうわけか焦点を失う必要が<option>あります。

http://jsfiddle.net/MnAdN/

このフォーカスチェックを削除せずに。

if (... !$('#adm1n-toolbar form select').is(':focus'))

ツールバーは、ユーザーが選択を行っている間は表示され、選択が行われている間は非表示になっている必要があります。

ありがとう。

Answer 1

blur()次のような方法を使用できます。

$("#adm1n-toolbar form select").change(function() {
    $(this).blur();
}); // after something has been selected

Answer 2

ぼかしイベントをトリガーします。

$('#yourSelect').blur();

Answer 3

ツールバーからフォーカスを外すだけです。

$('#adm1n-toolbar select').trigger('blur');

jsFiddleの使用：

$('#adm1n-toolbar')
    .mouseenter(function() {
        var toolbarposition = $(this).position();
        if (toolbarposition.top < 0) {
            $(this).animate({top: '0'}, 300);
        }
    })
    .mouseleave(function() {
        var toolbarposition = $(this).position();
        if (toolbarposition.top >= 0 && !$('#adm1n-toolbar form select').is(':focus')) {
            $(this).animate({top: '-115'}, 300);
        }
    });

$('#adm1n-toolbar select').change(function(e) {
    e.preventDefault();
    $(this).trigger('blur');
});

</ p>