Переименовать кнопку, написав прямо на кнопку с помощью Vanilla Javascript? - PullRequest
0 голосов
/ 06 января 2020

Я создал контекстное меню, когда вы щелкаете правой кнопкой мыши по кнопке. Внутри этого контекстного меню есть кнопка с текстом «переименовать». Я хочу, чтобы при нажатии кнопки «переименовать» кнопка, из которой было открыто контекстное меню, получала вход, с помощью которого я могу переименовать текст кнопки, который был изначально на ней. Например, я щелкаю правой кнопкой мыши по кнопке с именем «Awesome button», нажимаю «переименовать», и затем я помещаю ввод на кнопку «Awesome button» с текстом «Awesome button». Когда я изменяю текст на «Лучшая кнопка» и нажимаю ввод, ввод должен исчезнуть, а текст кнопки устанавливается на «Лучшая кнопка» вместо «Потрясающая кнопка». Есть ли чистый способ сделать это в Vanilla Javascript? (Нет jQuery, et c).

Если мой пример слишком сложен для понимания или просто плохо написан по вашему мнению: я хочу иметь возможность переименовать кнопку, написав ПРЯМО на ней, когда другой кнопка нажата.

1 Ответ

0 голосов
/ 06 января 2020

Вы можете использовать contenteditable , нажмите на кнопку и вы сможете редактировать текст на ней

<button contenteditable>Hello</button>

Альтернативный подход

Вы можете иметь кнопку переименования, и когда вы нажимаете на эту кнопку, вы можете сделать contenteditable = true or false

...