javascript - 使用 Javascript 切换/格式化

Question

我不久前发布了关于使用 javascript 隐藏/显示文本的深入见解...现在我需要更进一步。找不到合适的组合来使其发挥作用。

这是我需要:

1. 当查看者访问此页面时，第一个隐藏/显示元素将显示在文本框中并且
2. 该元素也会以某种颜色突出显示，以显示它处于事件状态。
3. 最后，当单击每个隐藏/显示元素时，该元素将保持突出显示状态，直到选择下一个元素为止。

这是我的开发网站的链接。我认为这样更容易。

http://verus.exigodigital.com/services/

这是我之前关于隐藏/显示文本的帖子: Showing & Hiding Text with Javascript

非常感谢你们的帮助，伙计们! :)

Answer 1

您可以创建 2 个 CSS 定义，一个用于当前选定的文本框，一个用于未选定的文本框
当有人单击其中一个文本框来编辑其内容(onfocus 事件)时，您只需调用一个运行所有文本框的函数，并为每个文本框检查它是否是焦点 - 如果是，则设置 className将元素的变量设置为“选定”或其他内容，并且它不是具有焦点的元素，然后将其 className 变量设置为“正常”或其他内容
如果我不明白这个问题或者您需要更多信息，请告诉我:)