@cocomuffin

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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 20:43
20000 руб./за проект
19 апр. 2024, в 20:11
500 руб./за проект