Почему удаляется input?

Question

[Андрей]

ДВС. При нажатии на имя пользователя появляется текстовое поле и при вводе текста это поле удаляется. Из-за чего это происходит?
https://codepen.io/anon/pen/jjYKQK

Answer 1

[i1yas]

Не знаю зачем вы в console.log мутируете элемент

console.log($(target).parent().text($(target).val()));

Это происходит как раз по нажатию кнопки

Comments

[i1yas]

И да, вы скорее всего хотели на потерю фокуса это сделать, измените .keyup на .blur

$(target).blur(function() {
    $(target).parent().text($(target).val())
})

[Андрей]

Теперь инпут удаляется(из DOM-дерева) после того как фокус пропадает.

[Андрей]

Кароче, я-тупой=). Эта строчка $(target).parent().text($(target).val()) удаляет мой инпут замещая текстом.

Answer 2

[profesor08]

Вон там js код, коротенький, который за это отвечает.

function reName(){
    var target = event.target,
        inputs = $('.reName');
    for(var i = 0; i < inputs.length; i++){        
        inputs.eq(i).val(inputs.eq(i).parent().text());         
    }

    if(target.className == 'reName'){
        inputs.css('opacity','0');
        $(target).css('opacity','1');
        $(target).select();
        $(target).keyup(function(){
            console.log($(target).parent().text($(target).val()));
        });
    }else{
        inputs.css('opacity','0');
    }
}


document.addEventListener('click',reName);

Comments

[Андрей]

где?