Javascript HTML使用div容器模拟文本区域

我想创建一个所见即所得的小编辑器。 这个想法： 首先，我想添加写入和更改文本的功能。因此，我将onClick和onKeyBoard侦听器添加到我的div容器中。单击div时，我将名为“focused”的变量设置为true。当一个关键事件被触发时，我检查focused是否为true。如果焦点为false，则不会发生任何其他情况，新字符将添加到光标位置

我的问题是: 这条路对吗？我试图检查其他编辑器如何处理文本输入，但我没能得到它

---

如果这是正确的方法-我如何模拟闪烁的光标。在文本区域中，光标将闪烁，但谁会想到div容器呢？单击后光标将立即隐藏。

我假设您这样做是为了好玩/练习。如果你这样做是出于专业原因，那么我强烈建议你不要重新发明轮子，而使用类似，或

话虽如此,；你需要调查一下。具体来说，关于聚焦的问题，你可以看看。您描述的方式（将变量设置为true/false）似乎会遇到问题。如果使用标准事件属性（而不是设置“焦点”变量onclick），则应该定义要执行的函数，然后将它们设置为正在侦听的元素的/属性

也就是说，如果您没有使用像mootools、jquery、extJS等这样的javascript库，那么您应该搜索它们各自的文档，了解如何实现事件处理程序

---

还有一个音符；你真的应该在div上使用textarea（除非我有误解，当用户关注你的div时，你只是想做点什么）。如果您使用javascript只是为了从一个div完全重新创建一个文本编辑器；如果没有javascript，您的网页将无法正常工作。如果保留文本区域；用户仍然可以输入信息，您仍然可以从获取表单提交的文本内容中获益，但使用divs意味着没有javascript，您的网页将变得毫无用处。

我假设您这样做是为了好玩/练习。如果你这样做是出于专业原因，那么我强烈建议你不要重新发明轮子，而使用类似，或

话虽如此,；你需要调查一下。具体来说，关于聚焦的问题，你可以看看。您描述的方式（将变量设置为true/false）似乎会遇到问题。如果使用标准事件属性（而不是设置“焦点”变量onclick），则应该定义要执行的函数，然后将它们设置为正在侦听的元素的/属性

也就是说，如果您没有使用像mootools、jquery、extJS等这样的javascript库，那么您应该搜索它们各自的文档，了解如何实现事件处理程序

---

还有一个音符；你真的应该在div上使用textarea（除非我有误解，当用户关注你的div时，你只是想做点什么）。如果您使用javascript只是为了从一个div完全重新创建一个文本编辑器；如果没有javascript，您的网页将无法正常工作。如果保留文本区域；用户仍然可以输入信息，您仍然可以从获取表单提交的文本内容中获益，但使用divs意味着您的网页在没有javascript的情况下将变得毫无用处。

为什么不使用textarea元素？您是否尝试过使用Ckeditor？我可以在textarea中放置HTML标记吗？我想创建我自己的小编辑器-我不想使用成品编辑器。看看源代码，这是一个伟大的编辑器。似乎只是想找出在源代码中寻找一些简单的东西，如“如何模拟闪烁的光标”这本身就是一个项目。为什么不使用textarea元素？您是否尝试过使用Ckeditor？我可以在textarea中放置HTML标记吗？我想创建我自己的小编辑器-我不想使用成品编辑器。看看源代码，这是一个伟大的编辑器。似乎只是想知道在源代码中的什么地方寻找一些简单的东西，如“如何模拟闪烁的光标”本身就是一个项目。