Почему не вызывается обработчик события focusin? - PullRequest
Новая
       24

Почему не вызывается обработчик события focusin?

1 голос
/ 28 октября 2010

Почему в следующем коде обработчик события focusin не вызывается?

HTML: 

<div id='wrapper'></div>
<div id='button'>Click Here</div>
<div id='output'></div>

JS: 

$(function() {
    $('input').live('focusin', function() {
        $('#output').html('focusin'); // Why this not happens ?
    });
    $('#button').click(function() {
        $('#button').hide();
        build_inputs();
    });    
});
function build_inputs() {
    var html = "<input type='text' /> \
                <br /> \
                <input type='text' />";
    $('#wrapper').append(html);
    $('#wrapper').fadeIn(500, function() {
        $('input:first').focus();
    });
}

CSS: 

#wrapper {
    display: none;
    background: #aaa;
    width: 170px;
    padding: 20px;
}

1 Ответ

1 голос
/ 28 октября 2010

Почему-то я не уверен, почему .focus() не вызывает событие focusin.

Вы можете повторить это поведение, изменив линию фокуса, добавив .trigger('focusin').

поэтому ваш код fadeIn становится: 

$('#wrapper').fadeIn(500, function() {
    $('input:first').focus().trigger('focusin');
});

Вы можете проверить это здесь: http://jsfiddle.net/yt7Jd/

РЕДАКТИРОВАТЬ: Как упоминал Джейсон, вы также можете вызвать метод .focusin()вместо .trigger('focusin').

РЕДАКТИРОВАТЬ 2: Кажется, это ошибка в 1.4.3.Он был зарегистрирован командой jQuery для исправления: http://bugs.jquery.com/ticket/7340

...