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