Javascript 动态插入<；br>；或<；p>；基于当前标记使用contenteditable

我试图在contenteditable中动态切换

和

基本上，当我在“h1”标记（或任何h标记）内按“enter”键时，它应该插入

，否则，它应该插入

我知道我可以使用

document.execCommand（'insertBrOnReturn'，false，true）

但我不知道如何动态地实现这一点？
document.activeElement告诉您正在做什么。您可以在execCommand包装器中检查它的标记名，并相应地设置值，或者插入HTML而不是使用中断功能。谢谢@dandavis，但是，document.activeElement在contenteditable div中不提供确切的标记。document.activeElement仅适用于输入、文本区域标记。