@cocomuffin

Как изменить значение input type="button"?

Доброго времени суток!

Есть простая кнопка, с дефолтным значением. Необходимо, чтобы по двойному клику на эту кнопку на ней появлялся как бы режим "редактирования" - название в кнопке можно было стереть и написать новое. По событию "потеря фокуса" - новое имя нужно сохранить.

Была идея только сверху прилепить какой-нибудь input type="text" на эту кнопку, по клику получать текущее значение кнопки (при этом саму кнопку как-то скрывать, или текст на ней убирать, не знаю), получать новое значение от пользователя, по потере фокуса брать значение из инпута, сохранять в кнопку...

Вот это решение: https://jsfiddle.net/dnh5qbr8/1/ - тут не нравится, что текст несколько "скачет".

Может, есть какие-то другие варианты?
  • Вопрос задан
  • 124 просмотра
Решения вопроса 1
tsepen
@tsepen
Frontend developer
А почему бы не использовать contenteditable="true"? Вот пример
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы