Повторное использование фокуса для замещенного элемента DOM

Question

В моем приложении много элементов DOM с использованием jquery-ujs. Это нормально по большей части.

Иногда у меня есть элемент формы, который заменяется, имея фокус. Я хочу, чтобы у вас была возможность сохранить фокус для пользователя.

Я попытался следующие, но проблема в том, что JQuery, как представляется, рассматривать новый узел, как именно это, а не точную копию узла он заменяет:

$(document).on('ajax:beforeSend',function(){ 
    window.focussed = $("*:focus"); 
}); 
$(document).on('ajax:complete',function(){ 
    window.focussed.focus(); 
}); 

В идеале, я бы смог для этого, не добавляя к разметке.

Answer 1

Если элемент заменен новым узлом, то фокусировка на элементе, сохраненном в окне.focussed, ничего не сделает. Если у них одинаковый идентификатор, вы можете сделать это:

$(document).on('ajax:beforeSend',function(){ 
    window.focusedId = $("*:focus").prop("id"); 
}); 
$(document).on('ajax:complete',function(){ 
    $(window.focusedId).focus(); 
});