Javascript 为什么'；单击div时document.exece命令是否工作？

按钮和div都有相同的“onclick”代码，但是execCommand似乎只对按钮起作用。按下div键时，有什么方法可以让它工作吗

这是我的小提琴：

粗体
大胆的
选择一些文本，然后点击上面的一个按钮

​

看这把小提琴：-
这不是完整的答案，但这些链接可能会帮助您：-

1>

---

2>

您需要防止div上的

鼠标向下

事件，因为它会窃取焦点：

---

对于Firefox，在执行命令之前必须将contenteditable=true

---

对于IE来说，这是不必要的。

我猜它不适用于div，因为你失去了焦点和选择。按下按钮，焦点保持不变。精彩绝伦的康斯坦丁！

<button onclick="document.execCommand('bold',false,null);">Bold</button>
<div onclick="document.execCommand('bold',false,null);" style='border:1px solid black;width:50px;'>Bold</div>

<div id='input' contenteditable='true'>
    select some of this text and then hit one of the buttons above
</div>