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>