javascript - 别处点击事件？

Question

我有一个 onClick 事件来改变样式。如何在用户点击元素的其他地方时将样式改回原样？

原型(prototype)库和 scriptaculous 库都包含在内。下面的许多答案都不适用于它们...此外，元素的 ID 是未定义的，因此不能在 javascript 中用于引用。

谢谢严

Answer 1

我没有在所有浏览器中测试过这个，但是如果你不想引入任何新的 js 框架，这个解决方案只使用 CSS:

<ul>
  <li tabindex="1">First</li>
  <li tabindex="2">Second</li>
</ul>

属性 tabIndex 使 li 元素可聚焦。和 CSS:

li { color: #F00; }
li:focus { color: #0F0 }

这当然是非常基本的样式，可能想将它放在类中或其他任何地方。