如何使链接按钮内容可编辑

Question

在我的网站上，我有一个使用role=button和Bootstrap的btn btn-primary的链接。当我尝试将contenteditable属性分配给按钮时，它无法按预期方式工作，并且不允许我对其进行编辑。

---

我尝试过的事情：
禁用拖动链接按钮
设置contenteditable后，使链接按钮聚焦。
删除按钮中的所有链接

Answer 1

尝试一下：

<button id="editBtn" type="button">Click to edit me</button>

jQuery：

 $('#editBtn').on('click', function(e) {
       e.preventDefault();
       $(this).attr('contenteditable','true');
       //$(this).focus();
       return;
   });

   $('#editBtn').on('focus', function(e){
       console.log("blurred...");
       $(this).attr('contenteditable','false');  
   });

JS：

document.getElementsById("editBtn").contentEditable = "true";

或

 document.getElementsById("editBtn").setAttribute("contenteditable", "true");