使用Vanilla Javascript直接在按钮上写入来重命名按钮？

当你右击一个按钮时，我创建了一个上下文菜单。此关联菜单中有一个带有文本重命名的按钮。我想要的是，当按下“重命名”按钮时，打开contex菜单的按钮会得到一个输入，我可以在该输入中重命名原来在它上面的按钮文本。例如，我右键单击名为Awesome button的按钮，按重命名，然后我会在Awesome button按钮上输入文字Awesome button。当我将文本更改为Best Button并按enter键时，输入将消失，按钮文本将设置为Best Button而不是Awest Button。在Vanilla Javascript中有没有一种干净的方法可以做到这一点？没有jQuery等

如果我的例子太复杂而无法理解，或者在您看来写得不好： 我希望能够在按下另一个按钮时，通过直接在按钮上书写来重命名该按钮。

您可以使用，单击按钮，然后编辑按钮上的文本

---

HelloWelcome到堆栈溢出！请拿着你的徽章！通读全文，尤其是你在这里的最佳选择是做你的研究，对于相关的话题，等等，然后试一试。如果你在做了更多的研究和搜索后陷入困境，无法摆脱困境，请发布一份你的尝试，并明确指出你陷入困境的地方。人们会乐意帮忙的。需要研究的一件事是：内容可编辑。单击后，显示一个位于按钮顶部的输入，使用相对/绝对位置组合可以轻松完成。为该输入提供一个按钮按下的事件处理程序，检查enter，然后在该处理程序中更改按钮的文本，并将输入设置回不可见。如果您可以共享遇到问题的特定代码段，或者共享到目前为止在JSFIDLE中的内容，这将非常有帮助。@wtf javascript如果我是你，我会在你被禁止进入网站之前删除你的点名评论。你在签约时就同意了，结果你把它弄坏了。记住这里的人是免费帮助你的。友善点，否则没人会帮你的。谢谢！好主意！很乐意帮忙：